: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:#edf5ff;isolation:isolate}.auth-backdrops{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#edf5ff}.auth-backdrops span{position:absolute;inset:0;opacity:1;background:url('/brand/auth-community-20261013.webp') center/cover no-repeat;animation:none;transform:none}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(3,19,44,.58) 0,rgba(3,21,50,.3) 45%,transparent 70%);pointer-events:none}
.auth-shell{position:relative;display:grid;grid-template-columns:1fr;padding:clamp(28px,4vw,68px);align-items:center}
.seo-intro{position:absolute;left:clamp(32px,7vw,120px);top:50%;z-index:2;width:min(58vw,920px);transform:translateY(-50%);color:#fff;text-shadow:0 4px 24px rgba(0,20,52,.32)}.seo-intro>span{color:#ff9474;font-size:11px;font-weight:900;letter-spacing:.18em}.seo-intro h1{max-width:none;margin:18px 0;white-space:nowrap;font-size:clamp(22px,2vw,34px);line-height:1.08;letter-spacing:-.035em}.seo-intro p{max-width:590px;color:#e2ecf8;font-size:clamp(14px,1.2vw,18px);line-height:1.7}.seo-intro a{display:inline-flex;margin-top:12px;padding:13px 18px;border:1px solid rgba(255,255,255,.48);border-radius:13px;color:#fff;background:rgba(8,42,83,.42);font-weight:800;text-decoration:none;backdrop-filter:blur(9px)}.seo-intro a:hover{border-color:#ff9474;background:rgba(239,108,47,.22)}
.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-language{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:-4px 0 14px;color:#536b89}.auth-language>span{font-size:9px;font-weight:750}.auth-language select{min-height:36px;padding:0 30px 0 12px;border:1px solid #cddbee;border-radius:12px;background:#fff;color:#17365f;font:700 11px/1 system-ui;outline:none}.auth-language select:focus-visible{outline:3px solid #75a8ee;outline-offset:2px}
.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,#1D59BB 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}.seo-intro{display:none}}
@media(max-width:860px){body{background-position:30% center}.auth-shell{display:grid;grid-template-columns:1fr;padding:20px;min-height:100svh}.brand-stage,.seo-intro{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}}
/* Pilot: reserve real space for each column; long translations may wrap. */
@media(min-width:1121px){
  .auth-shell{grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:clamp(24px,4vw,72px)}
  .seo-intro{position:static;width:auto;transform:none;min-width:0}
  .seo-intro h1{white-space:normal;overflow-wrap:anywhere;line-height:1.2}
}
.form-wrap{min-width:0;max-height:none;overflow:visible}
.form-wrap h2,.form-wrap .form-kicker,.seo-intro a{overflow-wrap:anywhere}
.form-wrap .auth-tabs{height:auto;min-height:54px;grid-template-columns:repeat(2,minmax(0,1fr))}
.form-wrap .auth-tabs button{min-width:0;min-height:44px;padding:8px;overflow-wrap:anywhere}
.form-wrap .submit{height:auto;min-height:55px;gap:12px;padding-block:12px}
.form-wrap .check input:focus-visible+i{outline:3px solid #1D59BB;outline-offset:3px}
.form-wrap .check>i{pointer-events:none}
.form-wrap .reveal{min-width:44px;min-height:44px}
@media(max-width:520px){
  .form-wrap{padding:calc(25px + env(safe-area-inset-top,0px)) calc(20px + env(safe-area-inset-right,0px)) calc(25px + env(safe-area-inset-bottom,0px)) calc(20px + env(safe-area-inset-left,0px))}
  .form-wrap .field input{font-size:16px}
}
@media(max-height:650px){.auth-shell{align-items:start}.form-stage{align-items:flex-start}}
/* Authentication-only composition: secondary choices live in the footer. */
.form-wrap .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.form-wrap:has(#register-form:not([hidden])){padding-block:20px}
.form-wrap:has(#register-form:not([hidden]))>.mobile-brand{margin-bottom:12px}
.form-wrap:has(#register-form:not([hidden])) h2{font-size:26px;margin-bottom:6px}
.form-wrap:has(#register-form:not([hidden])) header{margin-bottom:12px}
.form-wrap:has(#register-form:not([hidden])) .auth-tabs{margin-bottom:12px}
.form-wrap:has(#register-form:not([hidden])) form,.form-wrap:has(#register-form:not([hidden])) fieldset{gap:10px}
.form-wrap:has(#register-form:not([hidden])) .auth-footer{margin-top:14px;padding-top:10px}
.form-wrap fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;gap:14px}
.form-wrap .signup-progress{font-size:12px;color:#345b8f;margin:0;font-weight:600}
.signup-actions{display:flex;align-items:center;gap:16px}
.signup-actions .submit{flex:1;min-width:0}
#signup-back{border:0;background:transparent;color:#345b8f;min-height:44px;font:inherit;cursor:pointer}
.form-wrap fieldset>label>span{display:block;font-size:12px;font-weight:600;margin-bottom:8px}
.form-wrap .two-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-wrap,.form-wrap form,.form-wrap label,.form-wrap .field,.form-wrap .two-fields{min-width:0;max-width:100%;box-sizing:border-box}
.form-wrap .field input{width:100%;min-width:0;flex:1 1 0;box-sizing:border-box}
.form-wrap .contact-method select{width:100%;min-width:0;box-sizing:border-box;border:1px solid #c7d7ec;border-radius:12px;padding:12px;background:#fff;color:#203d63;font:inherit;font-size:16px}
.form-wrap .contact-note,.form-wrap #phone-hint{font-size:12px;line-height:1.5;color:#526581;overflow-wrap:anywhere}
.form-wrap [hidden]{display:none!important}
@media(max-width:520px){.form-wrap .two-fields{grid-template-columns:minmax(0,1fr)}}
.auth-backdrops span{animation:none;transform:none;will-change:auto;display:none}
.auth-backdrops span:first-child{display:block;opacity:1}
.auth-shell{padding:clamp(20px,3vw,48px);gap:clamp(24px,5vw,80px)}
.form-wrap{padding:28px 32px;border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 20px 56px rgba(1,17,43,.18);backdrop-filter:none}
.form-wrap>.mobile-brand{margin-bottom:20px;padding-bottom:0;border:0}
.form-wrap>.mobile-brand small{font-size:8px}
.form-wrap header{margin-bottom:20px}
.form-wrap h2{font-size:clamp(26px,2.4vw,34px);line-height:1.15;letter-spacing:-.8px;margin:0 0 10px}
.form-wrap header p{font-size:14px;line-height:1.5;color:#526581}
.form-wrap .auth-tabs{margin-bottom:20px}
.form-wrap form{gap:14px}
.form-wrap form>label>span,.form-wrap .two-fields label>span{font-size:12px}
.form-wrap .check>span{font-size:12px;color:#526581}
.form-wrap .field input{font-size:16px}
.form-wrap .submit{font-size:15px}
.form-wrap .auth-footer{margin-top:24px;padding-top:16px;border-top:1px solid #dce5f0;text-align:left;font-size:12px;color:#526581}
.auth-footer nav{display:flex;flex-wrap:wrap;gap:8px 16px}
.auth-footer a,.auth-help summary{color:#345b8f;text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.auth-footer a:hover{text-decoration:underline}
.auth-help{margin:4px 0 8px;font-size:12px}
.auth-help summary{cursor:pointer;display:list-item;line-height:32px}
.auth-help p{line-height:1.6;margin:4px 0 12px}
.auth-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.auth-footer-bottom small{font-size:12px}
body .auth-footer .auth-language.fly-language{margin:0;padding:0 4px;border:0;border-radius:8px;background:transparent;min-height:40px;max-width:170px}
body .auth-footer .auth-language select{min-height:40px;max-width:160px;font-size:13px;color:#345b8f;padding-inline:8px}
.seo-intro h1{font-size:clamp(28px,3vw,46px);max-width:650px}
.seo-intro p{max-width:520px;font-size:16px}
.seo-intro a{font-size:14px;font-weight:600}
@media(max-width:1120px){.auth-shell .form-stage{justify-content:center;min-height:0}}
@media(min-width:861px) and (max-height:800px){.auth-shell{padding-block:20px}}
@media(max-width:520px){.auth-shell{padding:0}.form-wrap{padding:calc(24px + env(safe-area-inset-top,0px)) 20px calc(24px + env(safe-area-inset-bottom,0px));border-radius:0;min-height:100svh}.form-wrap h2{font-size:28px}}