:root{--auth-navy:#05051c;--auth-violet:#7c3aed;--auth-blue:#2563eb;--auth-ink:#111827;--auth-muted:#64748b;--auth-line:#e6e8f0}*{box-sizing:border-box}.auth-page{margin:0;min-height:100vh;background:#fff;color:var(--auth-ink);font-family:'DM Sans',sans-serif}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(440px,1.08fr) minmax(480px,.92fr)}.auth-story{position:relative;overflow:hidden;padding:42px clamp(34px,5vw,76px);display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 18% 15%,#312e81 0,transparent 34%),radial-gradient(circle at 86% 75%,#5b21b6 0,transparent 35%),linear-gradient(145deg,#030318 0%,#09062b 55%,#111052 100%)}.auth-story:before,.auth-story:after{content:"";position:absolute;border:1px solid #ffffff16;border-radius:50%;width:520px;height:520px;right:-270px;top:-170px}.auth-story:after{width:360px;height:360px;right:-130px;top:-60px}.auth-brand{position:relative;z-index:1;width:152px;height:54px;overflow:hidden;border-radius:13px}.auth-brand img,.mobile-brand img{width:100%;height:100%;object-fit:cover}.story-content{position:relative;z-index:1;margin:auto 0;max-width:630px}.story-pill{display:inline-flex;padding:8px 12px;border:1px solid #ffffff24;border-radius:999px;background:#ffffff0d;color:#c4b5fd;font-size:10px;font-weight:700;letter-spacing:.13em}.story-content h1{font-size:clamp(43px,5vw,72px);line-height:1.02;letter-spacing:-.055em;margin:27px 0 22px}.story-content h1 em{font-style:normal;background:linear-gradient(90deg,#a78bfa,#60a5fa);background-clip:text;color:transparent}.story-content>p{max-width:580px;color:#cbd5e1;font-size:18px;line-height:1.7}.free-highlight{display:flex;flex-direction:column;gap:4px;margin-top:34px;padding:19px 21px;border-left:3px solid #8b5cf6;background:linear-gradient(90deg,#ffffff12,transparent);border-radius:0 14px 14px 0}.free-highlight strong{font-size:16px}.free-highlight span{font-size:12px;color:#aebbd1}.trust-row{display:flex;flex-wrap:wrap;gap:19px;margin-top:28px;color:#d8def0;font-size:11px}.story-footer{position:relative;z-index:1;margin:0;color:#64748b;font-size:10px;letter-spacing:.16em}.auth-panel{display:grid;place-items:center;padding:42px;background:linear-gradient(180deg,#fff,#fafaff)}.auth-panel-inner{width:min(465px,100%)}.mobile-brand{display:none;width:138px;height:48px;overflow:hidden;border-radius:12px;margin:0 auto 30px}.auth-tabs{display:flex;padding:4px;border-radius:13px;background:#f1f3f8;margin-bottom:34px}.auth-tabs button{flex:1;border:0;background:transparent;border-radius:10px;padding:11px;color:#64748b;font:600 12px 'DM Sans';cursor:pointer}.auth-tabs button.active{background:#fff;color:#111827;box-shadow:0 4px 15px #1118270e}.auth-panel .eyebrow{color:#6d4cf6;font-size:10px;font-weight:700;letter-spacing:.16em}.auth-panel h2{font-size:31px;letter-spacing:-.035em;margin:9px 0 8px}.auth-copy{color:var(--auth-muted);font-size:13px;margin:0 0 20px}.auth-error{min-height:18px;margin:0 0 5px;color:#dc2626;font-size:12px}.auth-panel form{display:grid;gap:15px}.auth-panel label{display:grid;gap:7px;color:#334155;font-size:11px;font-weight:600}.auth-panel label span{color:#94a3b8;font-weight:400}.auth-panel input{width:100%;border:1px solid var(--auth-line);border-radius:11px;padding:13px 14px;background:#fff;color:#111827;font:13px 'DM Sans';outline:none;transition:.2s}.auth-panel input:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed12}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.password-hint{color:#94a3b8;font-size:10px;margin-top:-8px}.auth-primary{display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:11px;padding:14px 18px;margin-top:4px;color:#fff;background:linear-gradient(120deg,#6d28d9,#2563eb);box-shadow:0 12px 28px #5b21b62c;font:600 13px 'DM Sans';cursor:pointer}.auth-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.terms{text-align:center;color:#94a3b8;font-size:9px;line-height:1.6;margin:0}.auth-bottom{text-align:center;border-top:1px solid #eef0f5;margin-top:25px;padding-top:22px;color:#64748b;font-size:11px}.auth-bottom button{border:0;background:none;color:#6d4cf6;font:600 11px 'DM Sans';cursor:pointer}.validate-link{display:block;text-align:center;margin-top:20px;color:#64748b;font-size:10px;text-decoration:none}.validate-link:hover{color:#6d4cf6}@media(max-width:900px){.auth-layout{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{min-height:100vh;padding:28px 20px}.mobile-brand{display:block}}@media(max-width:480px){.field-row{grid-template-columns:1fr}.auth-panel h2{font-size:27px}.auth-tabs{margin-bottom:27px}}
.auth-story{background:#102a43}.story-content h1 em{background:none;color:#d8b36a}.story-pill{color:#d8b36a}.free-highlight{border-left-color:#d8b36a}.auth-primary{background:#1f5a85;box-shadow:0 8px 18px rgba(31,90,133,.2)}.auth-primary:hover{background:#17496d}.auth-panel .eyebrow,.auth-bottom button,.validate-link:hover{color:#1f5a85}.auth-panel input:focus{border-color:#1f5a85;box-shadow:0 0 0 4px rgba(31,90,133,.12)}
:root{--logo-frame:#0b1020}.auth-brand,.mobile-brand{background:#0b1020;border:1px solid #0b1020}.auth-brand img,.mobile-brand img{display:block}
/* Keep the authentication surface consistent with the product scale. */
body{zoom:1.1}
 .login-language{margin-left:auto;display:flex;align-items:center;gap:6px}.login-language-label{font-size:9px;color:var(--text-3,#6d7b91)}.login-language select{height:32px;border:1px solid var(--line,#d8e0ec);border-radius:8px;background:var(--surface,#fff);color:var(--text,#17233b);padding:0 7px;font-size:10px}
.auth-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 9px}.auth-method{min-height:58px;border:1px solid var(--auth-line);border-radius:11px;background:#fff;color:#64748b;padding:8px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:500 10px 'DM Sans';cursor:pointer}.auth-method strong{font:600 10px 'DM Sans',sans-serif}.auth-method.active{color:#17496d;border-color:#6e9fc2;background:#edf6fc;box-shadow:0 0 0 3px rgba(31,90,133,.08)}.auth-method-help{margin:0 0 15px;color:#64748b;font-size:10px;line-height:1.5}.provider-panel{display:grid;gap:12px;padding:20px;border:1px solid var(--auth-line);border-radius:14px;background:#fbfcff}.provider-panel h3{font-size:16px;margin:0;text-align:center}.provider-panel>p{font-size:11px;line-height:1.55;text-align:center;color:#64748b;margin:0}.provider-panel>small{font-size:9px;line-height:1.5;color:#64748b}.provider-symbol{margin:auto;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#fff;border:1px solid var(--auth-line);font-size:20px}.microsoft-mark{color:#1f5a85;font-size:20px}.auth-panel label .field-title{color:#334155;font-weight:600}.field-title em{color:#94a3b8;font-size:9px;font-style:normal;font-weight:400;margin-left:4px}.auth-panel select{width:100%;border:1px solid var(--auth-line);border-radius:11px;padding:13px 14px;background:#fff;color:#111827;font:13px 'DM Sans';outline:none;transition:.2s}.auth-panel select:focus{border-color:#1f5a85;box-shadow:0 0 0 4px rgba(31,90,133,.12)}@media(max-width:480px){.auth-tabs{display:grid;grid-template-columns:1fr 1fr}.login-language{grid-column:1/-1;justify-content:flex-end;margin:4px 4px 0}.login-language select{width:auto;min-width:120px}.auth-method strong{font-size:9px}.auth-method{min-height:54px;padding:7px 4px}}
.auth-methods,.auth-method,.google-login{position:relative;z-index:2;pointer-events:auto}.auth-method{text-decoration:none}