:root{--color-bg: #d0d0d0;--color-text: #1f1f1f;--color-accent: #3a3a3a;--font-logo: "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%;overflow:hidden}body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:var(--font-body);color:var(--color-text);-webkit-font-smoothing:antialiased;background-color:#fff;background:linear-gradient(180deg,#fff,#3c3c3c)}#root,#app{width:100%;height:100%;margin:0;padding:0;overflow:hidden;position:relative}.hero{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;pointer-events:none}h1,h2{margin:0;padding:0;color:#fff;text-transform:uppercase;line-height:100%;-webkit-user-select:none;user-select:none}h1{font-size:80px;font-weight:700}h2{font-size:60px;font-weight:500}#webgl-canvas{position:fixed;inset:0;overflow:hidden;z-index:1}.buttons{position:fixed;width:100%;bottom:15px;display:flex;justify-content:center;align-items:center;gap:15px;z-index:20}button{font-family:Montserrat,serif;background:#ffffff80;border-radius:5px;border:1px solid grey;padding:4px 8px;cursor:pointer;pointer-events:auto}canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important;pointer-events:auto}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;overflow:hidden}@media(max-width:600px){.ui-layer{padding:1rem}}.ui-layer *{pointer-events:auto}.ui-layer img.wings-icon{padding-bottom:134px!important}.ui-layer h2.subtitle.stagger-anim{font-size:25px;text-shadow:none!important;font-weight:700}.date-display{position:absolute;top:.8rem;right:2rem;display:flex;align-items:center;gap:.4rem;font-family:var(--font-body);font-size:12px;z-index:100}@media(max-width:600px){.date-display{top:.5rem;right:1rem}}.date-display .date-day,.date-display .date-month,.date-display .date-year{font-size:12px;font-weight:500;color:#000;letter-spacing:.05em}.date-display .date-month{text-transform:uppercase}.ui-header{display:flex;justify-content:flex-end;width:100%;font-size:.8rem;letter-spacing:.1em;font-weight:500}@media(max-width:600px){.ui-header{justify-content:center;font-size:.7rem}}.ui-header .nav-links{display:flex;gap:2.5rem;align-items:center}@media(max-width:600px){.ui-header .nav-links{gap:1.5rem}}.ui-header .nav-links .nav-link{color:#14283cb3;text-decoration:none;font-size:.85rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;transition:all .3s ease;position:relative}@media(max-width:600px){.ui-header .nav-links .nav-link{font-size:.75rem}}.ui-header .nav-links .nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#1a2a3a;transition:width .3s ease}.ui-header .nav-links .nav-link:hover{color:#1a2a3a}.ui-header .nav-links .nav-link:hover:after{width:100%}.ui-header .nav-links .nav-link.active{color:#1a2a3a;font-weight:600}.ui-header .nav-links .nav-link.active:after{width:100%}.ui-main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.ui-main .tilt-container{display:flex;flex-direction:column;align-items:center;transform-style:preserve-3d;will-change:transform;background:transparent}.ui-main .logo-section-top{margin-bottom:1.5rem;color:var(--color-accent);display:flex;flex-direction:column;align-items:center;position:relative;z-index:100}@media(max-width:600px){.ui-main .logo-section-top{margin-bottom:.5rem}}.ui-main .logo-section-top .wings-icon{margin-bottom:.8rem;color:var(--color-accent);width:80px;height:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.12))}@media(max-width:600px){.ui-main .logo-section-top .wings-icon{width:80px;margin-bottom:.3rem}}.ui-main .logo-section-top .usaf-text{font-family:var(--font-logo);font-weight:700;letter-spacing:.22em;font-size:.85rem;color:#1a2e3a;position:relative;z-index:2}.ui-main .logo-section-top .usaf-shadow{font-family:var(--font-logo);font-weight:700;letter-spacing:.22em;font-size:.85rem;color:#8a9da8;opacity:.35;position:absolute;top:calc(100% + .1rem);transform:scaleY(-.4) translateY(-100%);filter:blur(1px);z-index:1}.ui-main .echo-container{position:relative;height:160px;width:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;margin-top:.5rem}@media(max-width:600px){.ui-main .echo-container{height:100px;margin-top:0}}.ui-main .subtitle{display:flex;gap:2.5rem;justify-content:center;font-size:1.1rem;letter-spacing:.25em;margin-top:1.5rem;color:#1a2e3a;opacity:.85;flex-wrap:wrap;font-weight:600;position:relative;z-index:100;font-family:var(--font-body)}.ui-main .subtitle span{display:inline-block;text-transform:uppercase}@media(max-width:900px){.ui-main .subtitle{gap:1rem;font-size:.8rem;letter-spacing:.12em}}@media(max-width:600px){.ui-main .subtitle{gap:.6rem;font-size:.65rem;margin-top:.5rem}}.ui-main .signin-btn{margin-top:3rem;background:transparent;border:1.5px solid var(--color-text);padding:1rem 4rem;font-family:var(--font-body);font-size:.9rem;letter-spacing:.25em;color:var(--color-text);cursor:pointer;transition:all .3s ease;text-transform:uppercase;font-weight:600;position:relative;z-index:100;text-decoration:none;display:inline-block}@media(max-width:600px){.ui-main .signin-btn{padding:.8rem 2.5rem;font-size:.75rem;margin-top:2rem}}.ui-main .signin-btn:hover{background:var(--color-text);color:#c9d6dc;box-shadow:0 0 30px #0b1e2633}.ui-footer{position:absolute;bottom:2rem;right:2rem}.ui-footer .history-text{background:#0d1f2bd9;color:#ddd;padding:.8rem 1rem;font-size:.65rem;border-radius:4px;max-width:200px;line-height:1.4;text-align:left;pointer-events:auto}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#fff,#3c3c3c);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .8s ease-out,transform .8s ease-out}.preloader.fade-out{opacity:0;transform:scale(1.05)}.preloader-content{text-align:center;position:relative;padding:40px}.word-container{height:80px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:40px}.word{font-family:Orbitron,Rajdhani,sans-serif;font-size:48px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.3em;animation:wordPulse .4s ease-out;text-shadow:0 2px 10px rgba(0,0,0,.1)}@keyframes wordPulse{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.progress-container{width:300px;margin:0 auto}.progress-bar{height:3px;background:#00000026;border-radius:2px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#000,#4a4a4a);border-radius:2px;transition:width .1s ease-out;position:relative}.progress-fill:after{content:"";position:absolute;right:0;top:-2px;width:6px;height:7px;background:#4a4a4a;border-radius:50%;box-shadow:0 0 10px #3c3c3c80}.progress-text{margin-top:20px;display:flex;justify-content:center;align-items:baseline;gap:4px}.percentage{font-family:Orbitron,monospace;font-size:24px;font-weight:600;color:#000;letter-spacing:.1em}.decorative-line{position:absolute;width:100px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent);top:50%}.decorative-line.left{left:-120px}.decorative-line.right{right:-120px}@media(max-width:600px){.word{font-size:28px;letter-spacing:.15em}.progress-container{width:200px}.percentage{font-size:18px}.decorative-line{display:none}}