.auth-layout{max-width:1320px;grid-template-columns:1.3fr 1fr;gap:70px;margin-top:15px}.auth-story h1{font-size:45px}.auth-story>p{font-size:16px}.login-visual{position:relative;height:330px;border:1px solid #54626a;border-radius:7px;overflow:hidden;isolation:isolate;background:#1b302f;margin-top:25px;box-shadow:0 10px 45px #0004}.lake-photo,.aerial-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:center}.lake-photo{object-position:center 60%;animation:lake-breathe 24s ease-in-out infinite alternate}.aerial-sequence{position:absolute;inset:0;opacity:0;transition:opacity .7s;background:#14201c}.aerial-frame{opacity:0}.flight-grain{position:absolute;inset:0;background:linear-gradient(180deg,#0c1d293d,transparent 35%,#06121b8c 100%);pointer-events:none}.flight-hud{position:absolute;left:17px;right:17px;top:13px;display:flex;align-items:center;justify-content:space-between;color:#e9f3ffe0;font-size:10px;font-weight:500;letter-spacing:1.1px}.flight-satellite{width:31px;height:31px;stroke:#d4e8ff;fill:none;stroke-width:1.6;stroke-linecap:round;filter:drop-shadow(0 0 6px #9cc7ffb0);transform:rotate(-12deg)}.flight-caption{position:absolute;bottom:64px;left:20px;right:20px;color:white;pointer-events:none;text-shadow:0 1px 10px #000a}.flight-caption>span{display:block;letter-spacing:1.3px;font-size:9px;margin-bottom:6px;color:#d4e4f2}.flight-caption strong{font-size:20px;line-height:1.25;font-weight:550;letter-spacing:-.2px}.flight-controls{position:absolute;left:17px;right:17px;bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.flight-controls button{border:1px solid #d2e4f48a;background:#12253691;backdrop-filter:blur(8px);border-radius:20px;color:#f3f6ff;padding:7px 12px;font-size:11px;min-height:32px}.flight-controls button:hover{background:#2c4d6de0}.flight-controls button:disabled{opacity:.6}.flight-controls #flightPhoto{background:#10273563;font-size:10px}.flight-crosshair{position:absolute;left:50%;top:50%;width:40px;height:40px;border:1px solid #d9efffa6;border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .5s;box-shadow:0 0 25px #92d9ff2e}.flight-crosshair:before,.flight-crosshair:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#d1ecffb3}.flight-crosshair:before{width:64px;height:1px}.flight-crosshair:after{width:1px;height:64px}.flight-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff14}.flight-progress i{display:block;height:100%;width:0;background:#b3d6ff;box-shadow:0 0 8px #a2c9ff}.login-credits{font-size:9px!important;line-height:1.6!important;color:#858f9a!important;margin:11px 2px 0!important}.login-credits a{color:#a1aebd;text-decoration:none}.login-credits a:hover{text-decoration:underline}.login-visual.flying .aerial-sequence,.login-visual.finished .aerial-sequence{opacity:1}.login-visual.flying .flight-crosshair,.login-visual.finished .flight-crosshair{opacity:1}.flying .aerial-one{animation:aerial-one 18s linear both}.flying .aerial-two{animation:aerial-two 18s linear both}.flying .aerial-three{animation:aerial-three 18s linear both}.flying .aerial-four{animation:aerial-four 18s linear both}.flying .flight-progress i{animation:flight-progress 18s linear both}.flying .flight-satellite{animation:satellite-pass 18s ease-in-out both}.paused .aerial-frame,.paused .flight-progress i,.paused .flight-satellite{animation-play-state:paused}.finished:not(.flying) .aerial-four{opacity:1;transform:scale(1.04)}.finished .flight-progress i{width:100%}
@keyframes lake-breathe{from{transform:scale(1)}to{transform:scale(1.06)}}@keyframes aerial-one{0%{opacity:1;transform:scale(1)}29%{opacity:1;transform:scale(5)}34%,100%{opacity:0;transform:scale(5.5)}}@keyframes aerial-two{0%,25%{opacity:0;transform:scale(1)}30%{opacity:1;transform:scale(1)}58%{opacity:1;transform:scale(4.8)}63%,100%{opacity:0;transform:scale(5.2)}}@keyframes aerial-three{0%,55%{opacity:0;transform:scale(1)}60%{opacity:1;transform:scale(1)}86%{opacity:1;transform:scale(2.78)}92%,100%{opacity:0;transform:scale(3)}}@keyframes aerial-four{0%,83%{opacity:0;transform:scale(1)}89%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1.04)}}@keyframes flight-progress{from{width:0}to{width:100%}}@keyframes satellite-pass{0%{transform:translateX(-16px) rotate(-18deg);opacity:.6}40%{transform:translateX(0) rotate(6deg);opacity:1}100%{transform:translateX(7px) rotate(18deg);opacity:.8}}
@media(max-width:1000px){.auth-layout{gap:40px}.auth-story h1{font-size:37px}.login-visual{height:300px}.flight-caption strong{font-size:18px}.auth-story>p{font-size:14px}}@media(max-width:660px){.auth-layout{margin-top:6px}.auth-story h1{font-size:30px;margin-bottom:12px}.auth-story>p{font-size:13px}.login-visual{height:230px;margin:18px 0 0}.flight-caption{left:15px;bottom:61px}.flight-caption strong{font-size:17px}.flight-hud{left:13px;right:13px;font-size:9px}.login-credits{font-size:8px!important;line-height:1.5!important}.auth-story{margin-bottom:22px}.flight-controls{left:12px;right:12px;bottom:15px}.flight-controls button{font-size:10px;padding:6px 10px}.flight-satellite{width:26px;height:26px}}@media(prefers-reduced-motion:reduce){.lake-photo{animation:none}.flying .aerial-frame,.flying .flight-satellite,.flying .flight-progress i{animation:none}.aerial-sequence{transition:none}.flying .aerial-four{opacity:1}.flight-crosshair{transition:none}}