.auth-page{background:var(--bg);min-height:100vh}.auth-page-shell{position:relative;min-height:100svh;background:radial-gradient(ellipse at 8% 5%,#e9e5ff80,transparent 40%),radial-gradient(ellipse at 95% 90%,#ecebff80,transparent 35%);display:flex;flex-direction:column}.auth-header,.auth-footer{width:min(1120px,calc(100% - 64px));margin-inline:auto;display:flex;align-items:center;justify-content:space-between}.auth-header{min-height:96px;gap:20px}.auth-header>div{display:flex;align-items:center;gap:22px}.auth-home-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.auth-home-link .symbol-svg{width:15px;height:15px}.auth-main{flex:1;display:grid;align-items:center;padding:28px 32px 40px}.auth-layout{width:min(1040px,100%);margin-inline:auto;background:var(--white);border:1px solid var(--line);border-radius:30px;box-shadow:0 24px 90px #20245a0a;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;min-height:610px}.auth-form-panel{padding:42px 46px 34px;min-width:0;align-self:center}.auth-switch{display:flex;gap:5px;padding:5px;border-radius:13px;background:var(--bg);border:1px solid var(--line);margin-bottom:36px}.auth-switch a{flex:1;min-width:0;padding:8px;text-align:center;font-size:12px;color:var(--muted);font-weight:700;border-radius:9px;transition:background .2s,color .2s}.auth-switch a[aria-current=page]{background:var(--white);color:var(--primary);box-shadow:0 2px 7px #17213e09}.auth-switch a:hover{color:var(--primary)}.auth-kicker{display:block;font-size:11px;font-weight:700;color:var(--primary);margin-bottom:8px}.auth-form-heading h1{font-size:31px;letter-spacing:-1px;margin:0 0 8px;color:var(--ink)}.auth-form-heading h1>span{color:var(--primary)}.auth-form-heading>p{font-size:13px;color:var(--muted);line-height:2;margin-bottom:27px}.auth-form .form-group{margin-bottom:20px}.auth-form .form-group>label,.auth-label-row label{font-size:12px;color:var(--ink);font-weight:700;margin-bottom:8px}.auth-form input:not([type=hidden]){min-height:51px;border-radius:11px;background:var(--bg);border:1px solid var(--line);font-size:14px;padding:12px 15px;text-align:left;box-shadow:none}.auth-form input::placeholder{font-size:12px;color:var(--muted);opacity:.8}.auth-form input:focus{border-color:var(--primary);background:var(--white);box-shadow:0 0 0 3px #6557e915}.auth-form input[aria-invalid=true]{border-color:#c2546a}.auth-label-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.auth-label-row a{font-size:10px;color:var(--primary);font-weight:600}.auth-password-field{position:relative}.auth-password-field input{padding-left:49px!important}.auth-password-toggle{position:absolute;left:7px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:var(--muted);display:grid;place-items:center;width:38px;height:38px;border-radius:8px}.auth-password-toggle:hover{background:var(--line);color:var(--primary)}.auth-password-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.auth-password-toggle svg{width:20px;height:20px}.auth-eye-slash{display:none}.auth-password-toggle[aria-pressed=true] .auth-eye-slash{display:block}.auth-field-hint{display:block;font-size:10px;line-height:1.9;color:var(--muted);margin-top:7px}.auth-submit{width:100%;min-height:51px;border-radius:11px;margin-top:4px;justify-content:space-between;padding-inline:18px;font-size:13px;box-shadow:0 7px 15px #4f46e51c}.auth-submit .symbol-svg{width:19px;height:19px}.auth-form-error{color:#b22f49;background:#fff0f3;border:1px solid #f4d9e0;padding:11px 14px;border-radius:10px;margin:0 0 18px;font-size:12px;line-height:1.9}.auth-form-error ul{padding:0;list-style:none;margin:0}.auth-account-link{text-align:center;font-size:11px;color:var(--muted);margin:24px 0 0;line-height:2.3}.auth-account-link a{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:800;margin-inline-start:5px}.auth-account-link .symbol-svg{width:13px;height:13px}.auth-settings-note{display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px dashed var(--line);border-radius:11px;margin-top:18px;color:var(--muted)}.auth-settings-note>span{display:flex;color:var(--primary);margin-top:3px}.auth-settings-note .symbol-svg{width:16px;height:16px}.auth-settings-note p{font-size:10px;line-height:1.9;margin:0}.auth-settings-note strong{font-weight:600;color:var(--ink)}.auth-story{position:relative;background:#f0eeff;padding:38px 38px 30px;display:flex;flex-direction:column;overflow:hidden;border-inline-start:1px solid #e9e5fb}.auth-story:before{content:'';position:absolute;width:360px;height:360px;border:1px solid #dcd5ff;border-radius:50%;left:-210px;bottom:-210px;box-shadow:0 0 0 35px #e7e1ff50,0 0 0 70px #e7e1ff35;pointer-events:none}.auth-story-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.auth-story-label{font-size:10px;font-weight:700;color:#6557ab;border:1px solid #dcd5f3;border-radius:20px;padding:5px 12px;background:#ffffff60}.auth-story-spark{color:#8b7adb;display:flex}.auth-story-spark .symbol-svg{width:28px;height:28px}.auth-story h2{font-size:43px;color:#29224f;line-height:1.6;letter-spacing:-1.7px;margin-bottom:12px;font-weight:800}.auth-story h2>span{color:#6950d2}.auth-story-intro{font-size:12px;color:#7c739a;max-width:320px;line-height:2.1;margin-bottom:27px}.auth-learning-preview{position:relative;background:#ffffffc9;border:1px solid #fff;border-radius:18px;padding:19px 17px 10px;box-shadow:0 18px 32px #7062ae0a}.auth-preview-header{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid #eae5f4}.auth-preview-icon{width:37px;height:37px;display:grid;place-items:center;background:#ece8ff;color:#7057d3;border-radius:11px;flex:none}.auth-preview-icon .symbol-svg{width:20px;height:20px}.auth-preview-header small{font-size:9px;color:#9287a9;display:block;line-height:1.5}.auth-preview-header strong{font-size:12px;color:#403355}.auth-preview-dot{width:7px;height:7px;border-radius:50%;background:#7fae99;margin-inline-start:auto;box-shadow:0 0 0 4px #edf6f0}.auth-learning-steps{list-style:none;padding:0;margin:8px 0 0}.auth-learning-steps li{position:relative;display:flex;align-items:center;gap:11px;padding:13px 7px;border-radius:11px;isolation:isolate}.auth-learning-steps li:not(:last-child):before{position:absolute;content:'';right:21px;top:40px;bottom:-15px;border-right:1px dashed #dbd4ed;z-index:-1}.auth-step-number{width:29px;height:29px;flex:none;display:grid;place-items:center;border:1px solid #e5def2;background:#f6f3fb;color:#9b8eaf;border-radius:50%;font-size:11px}.auth-learning-steps strong{font-size:11px;color:#4d405e;display:block;line-height:1.6}.auth-learning-steps small{font-size:9px;color:#a093ae;line-height:1.6;display:block;margin-top:4px}.auth-step-end{margin-inline-start:auto;display:flex;color:#ad9dc2}.auth-step-end .symbol-svg{width:15px;height:15px}.auth-learning-steps .auth-step-current{background:#eee8ff;margin-block:4px;border:1px solid #e5dcfd}.auth-step-current .auth-step-number{background:#7657d2;border-color:#7657d2;color:#fff}.auth-step-current strong,.auth-step-current .auth-step-end{color:#6846b4}.auth-story-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:24px;position:relative}.auth-small-check{display:grid;place-items:center;width:31px;height:31px;border:1px solid #d9d2ed;border-radius:50%;color:#8372ad;flex:none}.auth-small-check .symbol-svg{width:15px;height:15px}.auth-story-bottom p{font-size:10px;color:#9184a6;line-height:1.8;margin:0}.auth-story-bottom strong{font-weight:500;color:#6f6089}.auth-footer{padding:5px 0 23px;color:var(--muted);font-size:10px;gap:20px}.auth-footer a{display:inline-flex;gap:7px;align-items:center}.auth-footer .symbol-svg{width:12px;height:12px}.setup-profile-prompt{display:flex;gap:20px;align-items:center;margin-bottom:25px}.setup-profile-prompt h2{font-size:18px}.setup-profile-prompt p{font-size:12px;margin:0}.setup-profile-prompt .btn{flex:none}
html[data-theme=dark] .auth-page-shell{background:radial-gradient(ellipse at 8% 5%,#29224980,transparent 45%)}html[data-theme=dark] .auth-story{background:#24203b;border-color:#39314e}html[data-theme=dark] .auth-story h2{color:#ece4ff}html[data-theme=dark] .auth-story h2>span{color:#b8a0ff}html[data-theme=dark] .auth-story-intro,html[data-theme=dark] .auth-story-bottom p{color:#a195ba}html[data-theme=dark] .auth-story-label{background:#322947;color:#bbabdc;border-color:#4c4067}html[data-theme=dark] .auth-learning-preview{background:#2c263e;border-color:#403650;box-shadow:none}html[data-theme=dark] .auth-preview-header{border-color:#463951}html[data-theme=dark] .auth-preview-header strong,html[data-theme=dark] .auth-learning-steps strong{color:#ded0ee}html[data-theme=dark] .auth-preview-icon,html[data-theme=dark] .auth-learning-steps .auth-step-current{background:#403056;border-color:#57416f}html[data-theme=dark] .auth-step-number{background:#332b43;border-color:#53425f}html[data-theme=dark] .auth-step-current .auth-step-number{background:#8560cd;color:white}html[data-theme=dark] .auth-preview-dot{box-shadow:0 0 0 4px #38463b}html[data-theme=dark] .auth-learning-steps li:not(:last-child):before{border-color:#594765}html[data-theme=dark] .auth-story-bottom strong{color:#c2b0d7}html[data-theme=dark] .auth-form-error{background:#3c2432;border-color:#653445;color:#ffb5c7}html[data-theme=dark] .auth-story:before{border-color:#594075;box-shadow:0 0 0 35px #46325425,0 0 0 70px #46325415}html[data-theme=dark] .auth-form input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #1f283d inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink)}
@media(min-width:1600px){.auth-layout{min-height:650px}.auth-form-panel{padding:48px}.auth-story{padding:44px}.auth-story h2{font-size:46px}}
@media(max-width:900px){.auth-form-panel{padding:32px}.auth-story{padding:30px 26px}.auth-story h2{font-size:36px}.auth-story-intro{font-size:11px}.auth-layout{min-height:580px}.auth-learning-preview{padding-inline:11px}.auth-learning-steps small{font-size:8px}.auth-main{padding-inline:24px}}
@media(max-width:700px){.auth-header,.auth-footer{width:calc(100% - 40px)}.auth-header{min-height:80px}.auth-home-link{font-size:11px}.auth-header>div{gap:13px}.auth-header .brand{font-size:20px}.auth-layout{grid-template-columns:1fr;max-width:460px;min-height:auto;border-radius:24px}.auth-story{display:none}.auth-main{padding:22px 20px 36px;align-items:start}.auth-form-panel{padding:30px}.auth-switch{margin-bottom:30px}.auth-form-heading h1{font-size:29px}.auth-form-heading>p{font-size:12px}.auth-footer{font-size:9px;padding-bottom:22px}.setup-profile-prompt{flex-direction:column;align-items:flex-start}.setup-profile-prompt .btn{width:100%}}
@media(max-width:360px){.auth-form-panel{padding:23px}.auth-header,.auth-footer{width:calc(100% - 32px)}.auth-main{padding-inline:16px}.auth-home-link{font-size:10px}.auth-form-heading h1{font-size:26px}.auth-form .form-group>label,.auth-label-row label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.auth-page *{scroll-behavior:auto;transition:none!important}}

.auth-form-heading-compact{margin-bottom:26px}
/* Account heading and refined form surfaces. */
.auth-layout{border-color:color-mix(in srgb,var(--line) 85%,var(--primary) 15%);box-shadow:0 28px 80px #39306e0a,0 4px 16px #39306e04}
.auth-heading-row{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.auth-heading-icon{position:relative;display:grid;place-items:center;width:48px;height:48px;flex:none;background:linear-gradient(145deg,#f4f1ff,#ebe7ff);border:1px solid #e5ddff;border-radius:16px;color:#7560d3;box-shadow:inset 0 1px 0 #fff,0 5px 12px #6853b60a}
.auth-heading-icon:after{content:'';position:absolute;bottom:0;left:0;width:9px;height:9px;border:2px solid var(--white);border-radius:50%;background:#efc14a}
.auth-heading-icon .symbol-svg{width:23px;height:23px}
.auth-form-heading .auth-heading-row h1{font-size:clamp(25px,2.2vw,31px);font-weight:800;line-height:1.65;letter-spacing:-.7px;margin:0}
.auth-form-heading h1 .brand-name{color:var(--ink);display:inline-block}
.auth-form-heading h1 .brand-gold{filter:drop-shadow(0 2px 6px #e4b53720)}
.auth-form-heading>p{padding-inline-start:62px;font-size:12px;line-height:2;color:var(--muted);margin-bottom:29px}
.auth-switch{padding:5px;border-color:var(--line);background:color-mix(in srgb,var(--bg) 80%,var(--white) 20%);margin-bottom:31px}
.auth-switch a{position:relative;padding-block:10px;transition:background .2s,color .2s,box-shadow .2s}
.auth-switch a[aria-current=page]{box-shadow:0 2px 9px #372b6710,inset 0 0 0 1px #7362d30b}
.auth-switch a[aria-current=page]:after{content:'';position:absolute;bottom:3px;left:calc(50% - 8px);width:16px;height:2px;border-radius:3px;background:var(--primary);opacity:.6}
.auth-form input:not([type=hidden]){background:color-mix(in srgb,var(--white) 55%,var(--bg) 45%);border-color:color-mix(in srgb,var(--line) 88%,var(--primary) 12%);box-shadow:0 1px 2px #17213e02}
.auth-form input:not([type=hidden]):focus{border-color:var(--primary);background:var(--white);box-shadow:0 0 0 4px #6557e90c,0 2px 5px #6557e905}
.auth-form input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--bg) inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink)}
.auth-form input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--bg) inset,0 0 0 4px #6557e90c}
.auth-submit{background:linear-gradient(110deg,#6754e9,#5141d5);box-shadow:0 7px 17px #5a47cf26,inset 0 1px 0 #ffffff24}
.auth-submit:hover{background:linear-gradient(110deg,#5d49df,#4534c5);box-shadow:0 10px 23px #5a47cf30}
.auth-submit>.symbol-svg{box-sizing:content-box;padding:4px;background:#ffffff16;border-radius:7px}
.auth-story{background:radial-gradient(ellipse at 0 10%,#fff8df55,transparent 45%),linear-gradient(160deg,#f4f1ff,#eeebff)}
.auth-story h2>span{background:linear-gradient(100deg,#8b63dc,#6550c9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.auth-learning-preview{box-shadow:0 14px 35px #7062ae0d,inset 0 1px 0 white}
html[data-theme=dark] .auth-heading-icon{background:linear-gradient(145deg,#3b3156,#2c2746);border-color:#514268;color:#c6b3ff;box-shadow:inset 0 1px 0 #ffffff08}
html[data-theme=dark] .auth-story h2>span{background-image:linear-gradient(100deg,#d2b5ff,#a69cff)}
html[data-theme=dark] .auth-submit{background:linear-gradient(110deg,#8c72eb,#6e5bd2)}
html[data-theme=dark] .auth-form input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--bg) inset;-webkit-text-fill-color:var(--ink)}
@media(max-width:700px){.auth-heading-row{gap:11px}.auth-heading-icon{width:42px;height:42px;border-radius:14px}.auth-form-heading>p{padding-inline-start:0;font-size:12px}.auth-form-heading .auth-heading-row h1{font-size:27px}.auth-switch{margin-bottom:27px}}
@media(max-width:360px){.auth-form-heading .auth-heading-row h1{font-size:24px}.auth-heading-icon{width:36px;height:36px;border-radius:12px}.auth-heading-row{gap:9px}.auth-heading-icon .symbol-svg{width:20px;height:20px}}
@media(forced-colors:active){.auth-story h2>span{background:none;-webkit-text-fill-color:currentColor}}
.auth-form input[aria-invalid=true]{border-color:#c2546a}

/* Clear account actions and a centered, consistent form hierarchy. */
.auth-form-panel{padding-block:36px}
.auth-switch{gap:8px;padding:0;background:transparent;border:0;margin-bottom:28px}
.auth-switch a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 12px;border:1px solid var(--line);background:var(--white);color:var(--primary);font-size:13px;border-radius:12px}
.auth-switch a[aria-current=page]{background:color-mix(in srgb,var(--primary) 10%,var(--white));border-color:color-mix(in srgb,var(--primary) 45%,var(--line));color:var(--primary);box-shadow:none}
.auth-switch a[aria-current=page]:after{display:none}
.auth-switch a:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--white))}
.auth-heading-row{flex-direction:column;gap:0;text-align:center;margin-bottom:8px}
.auth-heading-icon{width:54px;height:54px;border-radius:18px;margin-bottom:14px}
.auth-kicker{font-size:12px;margin-bottom:4px;color:var(--muted);font-weight:500}
.auth-form-heading .auth-heading-row h1{font-size:clamp(25px,2.3vw,32px);line-height:1.7;letter-spacing:-.6px}
.auth-form-heading>p{padding-inline:0;text-align:center;font-size:13px;margin:0 0 28px}
.auth-form-heading-compact{margin-bottom:0}
.auth-form .form-group>label,.auth-label-row label{font-size:13px}
.auth-form input:not([type=hidden]){min-height:54px;border-radius:12px;font-size:15px}
.auth-form input::placeholder{text-align:right;direction:rtl}
.auth-label-row{align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:4px 12px}
.auth-label-row label{margin-bottom:0}
.auth-label-row .auth-recovery-link{display:inline-flex;align-items:center;min-height:32px;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:5px;text-decoration-color:color-mix(in srgb,var(--primary) 35%,transparent)}
.auth-recovery-link:hover{text-decoration-color:var(--primary)}
.auth-submit{position:relative;display:flex;align-items:center;justify-content:center;min-height:54px;padding-inline:52px;font-size:15px;font-weight:800;border-radius:12px}
.auth-submit>.symbol-svg{position:absolute;left:16px;top:50%;transform:translateY(-50%)}
.auth-submit:disabled{opacity:.7;cursor:wait}
.auth-account-link{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:start;padding:16px;margin-top:22px;border:1px solid var(--line);border-radius:14px;background:var(--bg);font-size:12px;line-height:1.8}
.auth-account-link .auth-register-cta{display:inline-flex;justify-content:center;gap:8px;min-height:42px;padding:8px 14px;margin:0;border:1px solid color-mix(in srgb,var(--primary) 45%,var(--line));border-radius:10px;background:var(--white);font-size:13px;white-space:nowrap;box-shadow:0 3px 8px #5341bf08}
.auth-register-cta:hover{background:color-mix(in srgb,var(--primary) 8%,var(--white));border-color:var(--primary)}
.auth-page a:focus-visible,.auth-submit:focus-visible{outline:3px solid var(--primary);outline-offset:4px}
@media(max-width:900px){.auth-form-panel{padding-inline:28px}.auth-account-link{padding:13px;gap:8px}.auth-account-link .auth-register-cta{padding-inline:11px;font-size:12px}}
@media(max-width:700px){.auth-main{align-items:center}.auth-form-panel{padding:28px}.auth-switch{margin-bottom:26px}.auth-form-heading .auth-heading-row h1{font-size:28px}.auth-heading-icon{width:50px;height:50px}.auth-form-heading>p{font-size:12px}.auth-account-link{font-size:12px}}
@media(max-width:380px){.auth-form-panel{padding:24px 20px}.auth-form-heading .auth-heading-row h1{font-size:25px}.auth-switch a{font-size:12px}.auth-label-row .auth-recovery-link{font-size:11px}.auth-account-link{flex-direction:column;text-align:center}.auth-account-link .auth-register-cta{width:100%}}