#auth-screen{display:flex;align-items:center;justify-content:flex-end;overflow-x:hidden;overflow-y:auto;background:#060709;isolation:isolate;padding:80px max(4vw,24px) 32px}
#auth-screen .auth-brand{display:none}
.auth-scene{position:fixed;inset:0;z-index:-3;background:#08090b url('assets/yaas-entry-poster.png') center/cover no-repeat;overflow:hidden;pointer-events:none}
.auth-scene video{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.24);transform-origin:48% 44%;opacity:0}
.auth-video-ready .auth-scene video{opacity:1}
.auth-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00000008 25%,#0000000f 58%,#00000059),linear-gradient(0deg,#03050988,transparent 22%)}
.auth-scene-shade{position:fixed;z-index:-2;inset:0;background:radial-gradient(ellipse at 48% 44%,transparent 15%,#01020738 76%,#01020788);pointer-events:none}
.auth-scene-header{position:absolute;z-index:2;top:0;left:0;right:0;min-height:66px;padding:16px max(4vw,24px);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#050609f5,#050609cc);border-bottom:1px solid #d9b76b26}
.auth-scene-header strong{color:#f6e5bd;font-size:26px;letter-spacing:.14em}
.auth-scene-header button{font-size:12px;border:1px solid #d7b67645;background:#0d1015b8;padding:8px 12px;border-radius:30px;color:#d4c6aa}
#auth-screen .auth-panel{position:relative;z-index:1;width:clamp(350px,28vw,440px);display:block;padding:0;border:0;background:none}
#auth-screen .auth-box{width:100%;padding:clamp(22px,2.5vw,38px);border-radius:14px;border:1px solid #d4af665c;background:linear-gradient(155deg,#1a1918fa,#080c12fc);box-shadow:0 28px 90px #000c,0 0 40px #c9a35812,inset 0 1px #f6dca033}
#auth-screen .mobile-wordmark{display:none}
#auth-screen .auth-box h2{font-size:26px;color:#fff5df;letter-spacing:-.035em}
#auth-screen .auth-subtitle{font-size:14px;line-height:1.5;color:#b4aea3;margin-bottom:22px}
#auth-screen .auth-tabs{margin-bottom:24px;background:#080b10;border:1px solid #ffffff0d}
#auth-screen .auth-tabs button{font-size:14px;min-height:40px}
#auth-screen .auth-form label{font-size:14px;color:#d6cfc2}
#auth-screen .auth-form input{height:46px;font-size:16px;border-color:#75613d66;background:#060a10c9;color:#fff7e8}
#auth-screen .primary{color:#201609;background:linear-gradient(110deg,#f7dda0,#c79845);border:1px solid #f3d998;min-height:48px;font-size:15px;box-shadow:0 4px 24px #d9b26025}
#auth-screen .primary:disabled{opacity:.65;cursor:wait}
#auth-screen .auth-help{color:#a8a093;font-size:12px;line-height:1.5}
#auth-screen .form-error{font-size:13px;line-height:1.4}
#auth-screen .social-login{margin-top:18px}
#auth-screen .social-button{min-height:40px;font-size:12px;background:#101319}
#auth-screen .social-login small{font-size:12px;line-height:1.45}
#auth-screen button:focus-visible,#auth-screen input:focus-visible{outline:2px solid #f5d995;outline-offset:3px}
.auth-entry-status{position:fixed;left:0;right:0;bottom:12%;color:#f8e9c5;text-align:center;font-size:15px;letter-spacing:.14em;opacity:0;pointer-events:none}
.auth-entering{pointer-events:none}
.auth-entering .auth-panel{animation:auth-form-depart .55s ease-in forwards}
.auth-entering .auth-scene-header{animation:auth-form-depart .45s ease-in forwards}
.auth-entering .auth-scene video{animation:auth-room-enter 1.85s cubic-bezier(.45,.02,.65,1) forwards}
.auth-entering .auth-scene{animation:auth-room-fade 1.85s ease-in forwards}
.auth-entering .auth-entry-status{animation:auth-status 1.85s ease-in-out forwards}
.auth-arrived{animation:auth-app-arrive .6s ease-out both}
@keyframes auth-form-depart{to{opacity:0;transform:translate3d(55px,0,0) scale(.94);filter:blur(6px)}}
@keyframes auth-room-enter{0%{transform:scale(1.24);filter:brightness(1)}65%{filter:brightness(1.3)}100%{transform:scale(3.8);filter:blur(8px) brightness(.25)}}
@keyframes auth-room-fade{0%,65%{opacity:1}100%{opacity:0}}
@keyframes auth-status{0%,12%,100%{opacity:0}35%,78%{opacity:1}}
@keyframes auth-app-arrive{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(max-width:900px){#auth-screen{justify-content:center;padding:88px 20px 24px}#auth-screen .auth-panel{width:min(440px,100%);margin:auto 0}.auth-scene video{object-position:43% center}.auth-scene-shade{background:#03060966}}
@media(max-height:750px){#auth-screen{align-items:flex-start}#auth-screen .auth-box{padding:20px 26px}#auth-screen .auth-tabs{margin-bottom:16px}#auth-screen .social-login{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.auth-entering .auth-scene video,.auth-entering .auth-panel,.auth-entering .auth-scene-header,.auth-entering .auth-scene,.auth-entering .auth-entry-status,.auth-arrived{animation:none}}