:root{--primary:#5746d8;--primary-dark:#34299a;--primary-hover:#4636c7;--accent:#6d5ce8;--mint:#f1eeff;--page:#fdfdfe;--ink:#111827;--muted:#596174;--border:#d8d3f3;--danger:#c63f3f;--white:#fff;--focus:0 0 0 4px #5746d82e}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:var(--page);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:var(--primary);text-decoration:none}button,input{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.account-shell{grid-template-columns:minmax(420px,44%) minmax(0,56%);min-height:100vh;display:grid}.brand-panel{isolation:isolate;color:#fff;background:linear-gradient(145deg,#251b76,#5746d8);flex-direction:column;min-height:100vh;padding:48px clamp(36px,4vw,62px);display:flex;position:relative;overflow:hidden}.brand-panel:before{content:"";z-index:-2;background:radial-gradient(circle at 82% 28%,#29c79a2e,#0000 30%),radial-gradient(circle at 12% 92%,#29c79a1c,#0000 28%);position:absolute;inset:0}.brand{z-index:2;color:#fff;align-self:flex-start;position:relative}.brand-logo{color:inherit;letter-spacing:.18em;align-items:center;gap:13px;font-size:22px;font-weight:850;display:inline-flex}.brand-logo-mark{color:#fff;background:linear-gradient(145deg,#7666ef,#5140cf);border-radius:11px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 24px #20177038}.brand-logo-mark svg{fill:currentColor;width:29px;height:29px}.brand-logo-mark svg path:last-child{fill:#c9c1ff}.brand-logo-compact{color:var(--primary);letter-spacing:.15em;gap:9px;font-size:17px}.brand-logo-compact .brand-logo-mark{width:28px;height:28px;color:var(--primary);box-shadow:none;background:0 0}.brand-logo-compact .brand-logo-mark svg{width:25px;height:25px}.brand-logo-compact .brand-logo-mark svg path:last-child{fill:var(--accent)}.brand-message{z-index:2;width:min(100%,560px);margin:auto 0;position:relative}.eyebrow{color:#c9c1ff;letter-spacing:.19em;font-size:13px;font-weight:850}.brand-message h1{letter-spacing:-.05em;margin:24px 0 16px;font-size:clamp(46px,4.7vw,72px);line-height:1.03}.brand-message p{color:#ffffffd4;max-width:510px;margin:0;font-size:18px;line-height:1.7}.journey-map{z-index:-1;opacity:.65;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.journey-map .contours{fill:none;stroke:#69e6c221;stroke-width:1.2px}.journey-map .route{fill:none;stroke:#41deb2b8;stroke-width:2px;stroke-dasharray:7 8}.journey-map .route-points circle{fill:var(--primary);stroke:#43d9af;stroke-width:4px}.journey-map .flag{fill:none;stroke:#43d9af;stroke-width:3px;stroke-linejoin:round}.journey-line{z-index:2;gap:8px;margin-bottom:22px;display:flex;position:relative}.journey-line span{background:#ffffff3d;border-radius:4px;width:42px;height:4px}.journey-line .active{background:#a99cff;width:60px}.brand-panel small{z-index:2;color:#ffffffb3;position:relative}.form-panel{background:var(--page);place-items:center;min-height:100vh;padding:40px clamp(28px,6vw,92px);display:grid}.login-card{border:1px solid var(--border);background:#fffffff5;border-radius:16px;width:min(100%,540px);padding:clamp(28px,3vw,38px);box-shadow:0 18px 55px #004c3a17,0 3px 12px #004c3a0a}.mobile-brand{display:none}.form-heading{margin-bottom:22px}.form-heading h2{letter-spacing:-.035em;margin:20px 0 7px;font-size:clamp(28px,2.2vw,34px);line-height:1.15}.form-heading p{color:var(--muted);margin:0;line-height:1.55}.google-button,.primary-button{border-radius:9px;width:100%;min-height:50px;font-weight:750;transition:border-color .18s,background-color .18s,box-shadow .18s,transform .18s}.google-button{color:var(--ink);border:1px solid var(--border);background:#fff;justify-content:center;align-items:center;gap:12px;display:flex}.google-button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;background:#f8fbfa}.google-logo{color:#4285f4;font-size:20px;font-weight:900}.google-sign-in{justify-content:center;align-items:center;display:flex}.google-sign-in>div{justify-content:center;width:100%;display:flex}.google-sign-in iframe{max-width:100%;display:block;margin:0 auto!important}.google-sign-in.busy{pointer-events:none;opacity:.65}.divider{color:#83908b;align-items:center;gap:14px;margin:20px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.mode-tabs{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:18px;display:grid}.mode-tabs button{min-height:44px;color:var(--primary-dark);background:var(--mint);border:1px solid #0000;border-radius:9px;font-weight:750}.mode-tabs button.active{color:#fff;background:var(--primary);box-shadow:0 5px 14px #006b4f29}.alerts:empty{display:none}.login-form-stage{min-height:255px}.login-mode-form{align-content:start;min-height:255px}.email-code-form .primary-button{align-self:end}.alert{border-radius:9px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.alert span{color:#fff;background:var(--primary);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-weight:900;display:grid}.alert.error{color:var(--danger);background:#fff0ef}.alert.success{color:var(--primary);background:var(--mint)}.embedded-browser-warning,.session-check-warning{color:#6f4b00;background:#fff8e7;border:1px solid #efd392;border-radius:9px;margin-bottom:16px;padding:13px 14px;font-size:13px;line-height:1.5}.embedded-browser-warning p{margin:5px 0 0}.session-check-warning{justify-content:space-between;align-items:center;gap:12px;display:flex}.session-check-warning button{color:inherit;background:0 0;border:1px solid;border-radius:7px;flex:none;padding:7px 10px;font-weight:750}.loading-state{color:var(--muted);justify-items:center;gap:12px;display:grid}form{gap:15px;display:grid}label{color:var(--ink);gap:8px;font-size:14px;font-weight:700;display:grid}input{width:100%;min-height:49px;color:var(--ink);background:#fff;border:1px solid #b8c0d4;border-radius:9px;outline:none;padding:0 14px}input:focus{border-color:var(--accent);box-shadow:var(--focus)}input::placeholder{color:#96a39e}.form-options{justify-content:space-between;align-items:center;margin-top:-2px;font-size:13px;display:flex}.remember{color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:7px;font-weight:500;display:flex}.remember input{width:16px;min-height:16px;accent-color:var(--primary)}.primary-button{color:#fff;border:1px solid var(--primary);background:var(--primary);box-shadow:0 8px 18px #006b4f29}a.primary-button{justify-content:center;align-items:center;text-decoration:none;display:flex}.primary-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 11px 23px #006b4f38}.primary-button:disabled{cursor:not-allowed;opacity:.58}.mode-description{color:var(--muted);margin:0 0 1px;font-size:14px;line-height:1.55}.otp-fieldset{border:0;min-width:0;margin:0;padding:0}.otp-fieldset legend{margin-bottom:9px;padding:0;font-size:14px;font-weight:750}.otp-inputs{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(7px,1.4vw,14px);display:grid}.otp-digit{text-align:center;min-width:0;height:54px;padding:0;font-size:22px;font-weight:850}.otp-digit:focus{border-color:var(--accent);box-shadow:var(--focus)}.text-button{min-height:34px;color:var(--primary);background:0 0;border:0;font-weight:750}.text-button:hover{color:var(--primary-dark)}.register-line{border-top:1px solid var(--border);text-align:center;color:var(--muted);margin:22px 0 0;padding-top:20px;font-size:14px}.register-line a,.legal a,.form-options a{color:var(--primary);font-weight:750}.legal{color:#71807a;text-align:center;max-width:440px;margin:15px auto 0;font-size:11px;line-height:1.6}.page-loading,.callback-page{place-items:center;min-height:100vh;display:grid}.callback-page{background:linear-gradient(145deg, var(--mint), var(--white));padding:24px}.callback-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:20px;width:min(100%,440px);padding:44px;box-shadow:0 18px 50px #004c3a1a}.callback-card h1{font-size:24px}.callback-card p{color:var(--muted)}.spinner{border:4px solid var(--mint);border-top-color:var(--primary);border-radius:50%;width:44px;height:44px;margin:0 auto;animation:.8s linear infinite spin}.status-icon{border-radius:50%;place-items:center;width:44px;height:44px;margin:0 auto;font-weight:800;display:grid}.status-icon.error{color:var(--danger);background:#fff0ef}@keyframes spin{to{transform:rotate(360deg)}}.brand-panel:before{background:radial-gradient(circle at 82% 28%,#9587ff3d,#0000 30%),radial-gradient(circle at 12% 92%,#7867f233,#0000 28%)}.journey-map .contours{stroke:#c6bdff29}.journey-map .route{stroke:#b8adffc7}.journey-map .route-points circle{fill:var(--primary-dark);stroke:#b8adff}.journey-map .flag{stroke:#b8adff}.login-card{background:#fffffff7;box-shadow:0 18px 55px #34299a1a,0 3px 12px #34299a0d}.google-button:hover{border-color:#a99cff;box-shadow:0 5px 18px #34299a17}.mode-tabs button.active{box-shadow:0 5px 14px #5746d833}.primary-button{box-shadow:0 8px 18px #5746d833}.primary-button:hover:not(:disabled){box-shadow:0 11px 23px #5746d847}.callback-card{box-shadow:0 18px 50px #34299a1f}@media (max-width:1100px){.account-shell{grid-template-columns:minmax(360px,40%) minmax(0,60%)}.brand-panel{padding-inline:38px}.brand-message h1{font-size:clamp(40px,5vw,56px)}.form-panel{padding-inline:32px}}@media (max-width:767px){.account-shell{display:block}.brand-panel{display:none}.form-panel{place-items:start center;min-height:100vh;padding:88px 20px 32px}.mobile-brand{color:var(--primary-dark);display:block;position:absolute;top:24px;left:20px}.mobile-brand .brand-logo{font-size:18px}.mobile-brand .brand-logo-mark{width:36px;height:36px}.login-card{width:min(100%,540px);box-shadow:none;background:0 0;border:0;padding:24px 0}.form-heading .brand-logo-compact{display:none}}@media (max-width:380px){.form-panel{padding-inline:16px}.form-heading h2{font-size:26px}.otp-inputs{gap:6px}.otp-digit{height:48px;font-size:19px}.form-options{align-items:flex-start;gap:10px}}