:root{--glass:rgba(255,255,255,.89);--glass-line:rgba(255,255,255,.54);--auth-shadow:0 32px 90px rgba(1,17,43,.32)}
body{background:#061b3b;isolation:isolate}.auth-backdrops{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#061b3b}.auth-backdrops span{position:absolute;inset:-2%;opacity:0;background-position:center;background-size:cover;animation:flyai-scene 24s infinite;transform:scale(1.035);will-change:opacity,transform}.auth-backdrops span:nth-child(1){background-image:url('/brand/auth-human-creators.webp')}.auth-backdrops span:nth-child(2){background-image:url('/brand/auth-human-family.webp');animation-delay:8s}.auth-backdrops span:nth-child(3){background-image:url('/brand/auth-human-studio.webp');animation-delay:16s}@keyframes flyai-scene{0%{opacity:0;transform:scale(1.045)}8%,30%{opacity:1}38%,100%{opacity:0;transform:scale(1)}}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(3,19,44,.02) 0,rgba(3,21,50,.04) 58%,rgba(2,16,39,.16) 100%);pointer-events:none}
.auth-shell{position:relative;display:grid;grid-template-columns:1fr;padding:clamp(28px,4vw,68px);align-items:center}
.brand-stage{min-height:calc(100vh - clamp(56px,8vw,136px));padding:clamp(24px,3vw,50px);border:1px solid rgba(255,255,255,.13);border-radius:36px;background:linear-gradient(135deg,rgba(4,27,63,.84),rgba(17,62,120,.38) 68%,rgba(32,94,167,.18));box-shadow:inset 0 1px rgba(255,255,255,.14),0 30px 90px rgba(0,16,43,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.stage-grid{opacity:.08}.glow-one{background:rgba(63,137,229,.28)}.glow-two{background:rgba(255,105,88,.19)}
.auth-brand{width:max-content;padding:8px 14px 8px 8px;border:1px solid rgba(255,255,255,.16);border-radius:21px;background:rgba(4,26,59,.38);backdrop-filter:blur(12px)}
.logo-frame{width:62px;height:62px;border-radius:19px}.auth-brand img{width:54px;height:48px}
.auth-brand>small{font-size:8px;color:#d8e8ff;line-height:1.4;margin:0;max-width:190px}
.stage-copy{max-width:700px}.stage-copy h1{font-size:clamp(50px,5vw,82px);text-shadow:0 5px 32px rgba(0,16,42,.32)}.stage-copy>p{font-size:clamp(14px,1vw,17px);color:#e0ebfa;max-width:600px}.signal{color:#fff}.promise-row{max-width:650px}.promise-row span{color:#c9dbef}.stage-foot{color:#c1d5ed}
.agent-orbit{opacity:.7;filter:drop-shadow(0 18px 45px rgba(0,15,42,.35))}
.form-stage{width:100%;padding:0;background:transparent;align-items:center;justify-content:flex-end}
.form-wrap{position:relative;width:min(100%,480px);max-height:calc(100vh - 48px);overflow:auto;padding:clamp(28px,2.6vw,38px);border:1px solid rgba(255,255,255,.68);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(247,250,255,.86));box-shadow:0 30px 80px rgba(1,17,43,.3),inset 0 1px rgba(255,255,255,.95);backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);scrollbar-width:thin;scrollbar-color:#abc3e4 transparent}
.form-wrap:before{content:"";position:absolute;inset:0 12% auto;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent)}
.form-wrap>.mobile-brand{display:flex;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid rgba(199,214,233,.65)}.form-wrap>.mobile-brand img{width:58px;height:50px;filter:saturate(1.08) contrast(1.04)}.form-wrap>.mobile-brand small{color:#536b89;max-width:170px;line-height:1.4}
.form-wrap header{margin-bottom:22px}.form-kicker{display:inline-flex;align-items:center;gap:8px}.form-kicker:before{content:"";width:18px;height:2px;background:var(--coral);border-radius:2px}.form-wrap h2{font-size:clamp(29px,2.5vw,37px);letter-spacing:-1.6px}.form-wrap header p{font-size:12px}
.auth-tabs{height:54px;padding:5px;border:1px solid rgba(205,219,237,.68);border-radius:17px;background:rgba(226,235,247,.72)}.auth-tabs button{font-size:12px}.auth-tabs span{border-radius:13px;box-shadow:0 10px 26px rgba(29,67,120,.11)}
form{gap:15px}.field{height:54px;border-color:rgba(198,214,235,.8);border-radius:15px;background:rgba(255,255,255,.9);box-shadow:inset 0 1px rgba(255,255,255,.9),0 8px 20px rgba(34,70,117,.045);overflow:hidden}.field:hover{border-color:#9bb9df}.field:focus-within{background:#fff;border-color:#4f82c5;box-shadow:0 0 0 4px rgba(53,104,180,.11),0 14px 32px rgba(24,60,110,.08)}.field input{font-size:13px;background:transparent!important;box-shadow:none!important}.field input:-webkit-autofill,.field input:-webkit-autofill:hover,.field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.01) inset!important;box-shadow:0 0 0 1000px rgba(255,255,255,.01) inset!important;transition:background-color 9999s ease-out 0s;background-clip:text!important}.field input::selection{background:rgba(53,104,180,.18);color:var(--ink)}.submit{height:55px;border-radius:16px;background:linear-gradient(105deg,#123b78 0,#3568b4 62%,#4a7cca 100%);box-shadow:0 16px 34px rgba(35,82,151,.26)}.submit:hover{box-shadow:0 20px 42px rgba(35,82,151,.34)}
.trust{border-color:rgba(187,211,242,.72);background:linear-gradient(110deg,rgba(231,241,255,.9),rgba(245,249,255,.72));padding:13px 15px}.trust p{font-size:9px}.form-wrap footer{color:#718198}
@media(max-width:1120px){.auth-shell{grid-template-columns:1fr;padding:28px}.form-stage{justify-content:flex-end}}
@media(max-width:860px){body{background-position:30% center}.auth-shell{display:grid;grid-template-columns:1fr;padding:20px;min-height:100svh}.brand-stage{display:none}.form-stage{min-height:calc(100svh - 40px)}.form-wrap{max-height:none;margin:auto;padding:30px}.mobile-brand{display:flex;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid rgba(199,214,233,.72)}.mobile-brand img{width:60px;height:52px}.mobile-brand small{color:#536b89;max-width:160px;line-height:1.4}}
@media(max-width:520px){.auth-shell{padding:0}.form-stage{min-height:100svh;align-items:stretch}.form-wrap{width:100%;min-height:100svh;margin:0;padding:25px 20px;border:0;border-radius:0;background:linear-gradient(155deg,rgba(255,255,255,.94),rgba(241,247,255,.88))}.two-fields{grid-template-columns:1fr}.form-wrap h2{font-size:30px}.auth-tabs{height:54px}.field{height:54px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}.auth-backdrops span{display:none}.auth-backdrops span:first-child{display:block;opacity:1;transform:none}}