:root{--bg-primary: #0a0a0f;--bg-secondary: #0e0e16;--text-primary: #e8e6e3;--text-secondary: #8a8a9a;--text-muted: #4a4a5a;--accent: #6e8caa;--accent-glow: rgba(110, 140, 170, .15);--rain-color: rgba(174, 194, 224, .12);--grain-opacity: .035;--glow-color: rgba(110, 140, 170, .08);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-xs: clamp(.65rem, .6rem + .25vw, .75rem);--fs-sm: clamp(.8rem, .72rem + .4vw, .95rem);--fs-base: clamp(.95rem, .85rem + .5vw, 1.1rem);--fs-lg: clamp(1.1rem, .9rem + 1vw, 1.4rem);--fs-xl: clamp(1.8rem, 1.2rem + 3vw, 3.8rem);--fs-hero: clamp(2.2rem, 1.4rem + 4vw, 5rem);--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.25, .46, .45, .94);--transition-base: .3s var(--ease-smooth)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative;line-height:1.7;letter-spacing:-.01em}body:before{content:"";position:fixed;top:-30%;left:-20%;width:140%;height:140%;background:radial-gradient(ellipse at 20% 20%,rgba(30,50,80,.15) 0%,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(20,30,60,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(15,15,30,.2) 0%,transparent 70%);z-index:0;pointer-events:none}#rain-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.5}.grain-overlay{position:fixed;top:-50%;left:-50%;width:200%;height:200%;z-index:2;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,20%)}90%{transform:translate(-10%,10%)}}#cursor-glow{position:fixed;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,var(--glow-color) 0%,transparent 70%);pointer-events:none;z-index:3;transform:translate(-50%,-50%);opacity:0;transition:opacity .6s var(--ease-smooth)}#app{position:relative;z-index:10;display:flex;flex-direction:column;min-height:100vh}.main-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-md);max-width:860px;margin:0 auto;width:100%;gap:var(--space-lg)}.hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.hero-pre{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.3em;color:var(--accent);font-weight:500;position:relative;padding-bottom:var(--space-sm)}.hero-pre:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.hero-headline{font-size:var(--fs-hero);font-weight:600;line-height:1.1;letter-spacing:-.035em;color:var(--text-primary);max-width:14ch;background:linear-gradient(180deg,var(--text-primary) 0%,rgba(232,230,227,.6) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:var(--fs-sm);color:var(--text-secondary);letter-spacing:.15em;font-weight:400}.content{text-align:center;max-width:520px}.content-text{font-size:var(--fs-base);color:var(--text-secondary);line-height:1.8;font-weight:300}.cta{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.cta-text{font-size:var(--fs-lg);color:var(--text-primary);font-weight:400;font-style:italic;opacity:.8}.cta-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--text-muted),transparent);animation:pulse-line 4s var(--ease-smooth) infinite}@keyframes pulse-line{0%,to{opacity:.3;width:60px}50%{opacity:.7;width:90px}}.footer{text-align:center;padding:var(--space-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.footer-copy{font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:.1em;font-weight:400}.footer-tagline{font-size:var(--fs-xs);color:var(--text-muted);font-style:italic;opacity:.6}.animate-in{opacity:0;transform:translateY(30px);transition:opacity 1.2s var(--ease-out),transform 1.2s var(--ease-out)}.animate-in.visible{opacity:1;transform:translateY(0)}.hero-headline.visible{animation:float 6s var(--ease-smooth) infinite;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(max-width:768px){.main-container{padding:var(--space-lg) var(--space-md);gap:var(--space-md)}.hero{gap:var(--space-sm)}.hero-headline{max-width:100%}}@media(max-width:480px){.main-container{padding:var(--space-md) var(--space-sm)}.hero-pre{letter-spacing:.2em}.hero-sub{letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){.animate-in{opacity:1;transform:none;transition:none}.hero-headline.visible,.grain-overlay{animation:none}.cta-line{animation:none;opacity:.5}#rain-canvas{display:none}}::selection{background:#6e8caa4d;color:var(--text-primary)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}