*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--deep-blue:#060d1a;--navy:#0c1e3a;--mid-blue:#143160;--accent-blue:#2d6cc0;--electric-blue:#4a9eed;--bright-blue:#6cb4f7;--pale-blue:#a8cef0;--white:#eaf2fb;--gold:#c8a961}html,body,#root{height:100%;overflow:hidden}body{color:var(--white);background:var(--deep-blue);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.app{background:#030a14;width:100%;height:100vh;position:relative;overflow:hidden}.canvas-bg{z-index:0;position:fixed;inset:0}.content{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:2rem;display:flex;position:relative}.logo-container{opacity:0;margin-bottom:1.8rem;animation:2s cubic-bezier(.16,1,.3,1) .4s forwards logoReveal;transform:scale(.85)translateY(15px)}.logo-container svg{filter:drop-shadow(0 0 15px #2d6cc033);width:85px;height:auto;transition:filter .8s ease-out}.logo-container svg .logoOutside{fill:#2d6cc0}.logo-container svg .logoInside{fill:#4a9eed}@keyframes logoReveal{0%{opacity:0;filter:blur(6px);transform:scale(.85)translateY(15px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}.logo-container svg.hit{filter:drop-shadow(0 0 22px #4a9eed59);transition:filter .3s ease-out}.brand{letter-spacing:-.01em;color:var(--white);opacity:0;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:600;line-height:1.15;animation:1.4s cubic-bezier(.16,1,.3,1) 1s forwards textReveal;transform:translateY(20px)}.brand-sub{letter-spacing:.26em;text-transform:uppercase;color:var(--gold);opacity:0;margin-top:.6rem;font-family:Inter,sans-serif;font-size:.65rem;font-weight:400;animation:1.2s cubic-bezier(.16,1,.3,1) 1.3s forwards textReveal;display:block}.divider{background:linear-gradient(90deg, transparent, var(--accent-blue), transparent);opacity:0;width:50px;height:1px;margin:1.6rem auto;animation:1.2s cubic-bezier(.16,1,.3,1) 1.6s forwards textReveal}.tagline{color:var(--white);opacity:0;max-width:440px;margin:1.6rem 0 .6rem;font-family:Space Grotesk,sans-serif;font-size:clamp(1.1rem,2.8vw,1.5rem);font-weight:500;line-height:1.4;animation:1.4s cubic-bezier(.16,1,.3,1) 1.9s forwards textReveal;transform:translateY(20px)}.inline-link{color:var(--electric-blue);font-weight:400;text-decoration:none;transition:color .2s}.inline-link:hover{color:var(--bright-blue)}.descriptor{color:var(--pale-blue);white-space:nowrap;opacity:0;max-width:600px;margin:0 0 2rem;font-family:Inter,sans-serif;font-size:clamp(.82rem,1.8vw,.95rem);font-weight:300;line-height:1.6;animation:1.4s cubic-bezier(.16,1,.3,1) 2.15s forwards textReveal;transform:translateY(20px)}@keyframes textReveal{0%{opacity:0;filter:blur(4px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}.badge{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);opacity:0;border:1px solid #c8a96140;border-radius:2px;padding:.45rem 1.6rem;font-size:.64rem;font-weight:500;animation:1.2s cubic-bezier(.16,1,.3,1) 2.3s forwards textReveal;display:inline-block}.contact-btn{letter-spacing:.06em;color:var(--white);opacity:0;background:#2d6cc033;border:1px solid #2d6cc059;border-radius:2px;margin-top:1.5rem;padding:.65rem 2rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;text-decoration:none;transition:background .3s,border-color .3s;animation:1.2s cubic-bezier(.16,1,.3,1) 2.6s forwards textReveal;display:inline-block}.contact-btn:hover{background:#2d6cc059;border-color:#4a9eed80}.footer{z-index:10;text-align:center;opacity:0;padding:1.2rem;animation:1s 3s forwards fadeIn;position:fixed;bottom:0;left:0;right:0}.footer p{color:#a8cef02e;letter-spacing:.06em;font-size:.58rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=600px){.content{padding:1.5rem}.logo-container svg{width:70px}}