*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--accent: #6ee7b7;--accent-dim: rgba(110, 231, 183, .15);--bg: #050505;--fg: #e8e8e8;--muted: #666}body{font-family:system-ui,-apple-system,sans-serif;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--fg);overflow:hidden;position:relative}canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px}main{position:relative;z-index:1;text-align:center;animation:fade-in 2s ease-out both;animation-delay:.5s}h1{font-size:clamp(3.5rem,10vw,4.5rem);font-weight:700;letter-spacing:-.03em;text-shadow:0 0 60px rgba(110,231,183,.15)}.dot{color:var(--accent)}.tagline{margin-top:1rem;font-size:clamp(1.25rem,3.5vw,1.25rem);color:var(--muted);letter-spacing:.01em;font-weight:300}footer{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1;display:flex;gap:1rem;animation:fade-in 2s ease-out both;animation-delay:1s}footer a{color:var(--muted);transition:color .2s ease;display:block;width:20px;height:20px}footer a:hover{color:var(--accent)}footer svg{width:100%;height:100%}@keyframes fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}