.auth-stage{--bg:var(--color-bg-canvas);--surface:var(--color-bg-surface);--surface-2:var(--color-bg-surface-soft);--surface-3:#f4f3fc;--border:var(--color-border-default);--border-2:var(--color-border-strong);--field-bg:var(--color-bg-surface);--text:var(--color-text-primary);--text-2:var(--color-text-secondary);--text-3:var(--color-text-muted);--on-primary:#fff;--primary:var(--color-brand-primary);--primary-600:var(--color-brand-primary-hover);--primary-700:color-mix(in srgb, var(--color-brand-primary) 80%, #000);--primary-soft:var(--color-brand-tint);--ring:color-mix(in srgb, var(--color-brand-primary) 28%, transparent);--success:var(--color-state-success);--success-bg:color-mix(in srgb, var(--color-state-success) 12%, #fff);--success-tx:color-mix(in srgb, var(--color-state-success) 80%, #000);--danger:var(--color-state-danger);--danger-bg:color-mix(in srgb, var(--color-state-danger) 10%, #fff);--danger-tx:color-mix(in srgb, var(--color-state-danger) 75%, #000);--warning-bg:#fdebcf;--warning-tx:#a96414;--r-card:var(--radius-lg);--r-field:var(--radius-md);--r-btn:var(--radius-md);--r-pill:var(--radius-pill);--sh-card:0 1px 2px #14161c0a, 0 8px 24px #14161c0f;--sh-card-lg:0 2px 4px #14161c0d, 0 20px 48px #14161c1f;--sh-field:0 1px 1px #14161c08;--font:var(--font-body);--pad:40px;--gap:18px;--field-h:50px;background:var(--bg);width:100%;min-height:100svh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex}.auth-topbar{border-bottom:1px solid var(--border);background:var(--surface);flex:0 0 64px;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.auth-topbar-right{color:var(--text-2);align-items:center;gap:18px;font-size:14px;display:flex}.auth-topbar-right .hide-sm{display:inline}.auth-topbar-right a{color:var(--text-2);font-weight:600;text-decoration:none}.auth-topbar-right a:hover{color:var(--text)}.auth-canvas{flex:auto;min-height:0;display:flex}.auth-formcol{flex:1 1 0;justify-content:center;align-items:flex-start;min-width:0;padding:clamp(24px,5vh,64px) 24px;display:flex;overflow-y:auto}.auth-form-wrap{width:100%;max-width:440px}.auth-logo{align-items:center;gap:11px;display:flex}.auth-logo-mark{background:var(--primary);color:#fff;letter-spacing:.01em;width:38px;height:38px;box-shadow:0 4px 10px var(--ring);font-size:15px;font-weight:800;font-family:var(--font-heading);border-radius:11px;flex:none;place-items:center;display:grid}.auth-logo-text{flex-direction:column;line-height:1.05;display:flex}.auth-logo-text b{letter-spacing:-.01em;color:var(--text);font-size:16px;font-weight:800}.auth-logo-text span{color:var(--text-3);letter-spacing:.02em;font-size:11px;font-weight:600}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);padding:var(--pad)}.auth-form-logo{justify-content:center;margin-bottom:24px;display:flex}.auth-form-foot{text-align:center;color:var(--text-3);margin-top:26px;font-size:12px;line-height:1.5}.auth-form-foot a{color:var(--text-2);text-decoration:none}.auth-form-foot a:hover{text-decoration:underline}.head{margin-bottom:26px}.head .eyebrow{white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);align-items:center;gap:7px;margin-bottom:14px;font-size:12px;font-weight:800;display:inline-flex}.head h1{letter-spacing:-.025em;font-size:27px;font-weight:800;line-height:1.1;font-family:var(--font-heading);margin:0 0 8px}.head p{color:var(--text-2);margin:0;font-size:14.5px;line-height:1.5}.head p a,.head p button.link{color:var(--primary);cursor:pointer;font-weight:700;text-decoration:none}.head p a:hover,.head p button.link:hover{text-decoration:underline}.form{gap:var(--gap);flex-direction:column;display:flex}.field{flex-direction:column;gap:7px;display:flex}.field>label{color:var(--text);justify-content:space-between;align-items:baseline;font-size:13px;font-weight:700;display:flex}.field>label .opt{color:var(--text-3);font-size:12px;font-weight:600}.input-wrap{align-items:center;display:flex;position:relative}.input{width:100%;height:var(--field-h);border:1.5px solid var(--border-2);background:var(--field-bg);border-radius:var(--r-field);font:inherit;color:var(--text);box-shadow:var(--sh-field);padding:0 14px;font-size:15px;transition:border-color .14s,box-shadow .14s,background .14s}.input::placeholder{color:var(--text-3)}.input:hover{border-color:#c5c9d6}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3.5px var(--ring);outline:none}.input.has-icon{padding-left:44px}.input.has-toggle{padding-right:48px}.field-ic{color:var(--text-3);pointer-events:none;place-items:center;display:grid;position:absolute;left:14px}.eye-btn{width:36px;height:36px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:9px;place-items:center;display:grid;position:absolute;right:8px}.eye-btn:hover{background:var(--surface-2);color:var(--text-2)}.phone-field{height:var(--field-h);border:1.5px solid var(--border-2);border-radius:var(--r-field);background:var(--field-bg);box-shadow:var(--sh-field);align-items:center;transition:border-color .14s,box-shadow .14s;display:flex}.phone-field:hover{border-color:#c5c9d6}.phone-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3.5px var(--ring)}.field.invalid .phone-field{border-color:var(--danger)}.field.invalid .phone-field:focus-within{box-shadow:0 0 0 3.5px color-mix(in srgb, var(--danger) 22%, transparent)}.phone-prefix{border-right:1px solid var(--border);height:56%;color:var(--text);flex:none;align-items:center;gap:7px;padding:0 13px;font-size:15px;font-weight:700;display:flex}.phone-prefix svg{border-radius:3px}.phone-input{min-width:0;height:100%;font:inherit;color:var(--text);background:0 0;border:none;outline:none;flex:auto;padding:0 14px;font-size:15px}.phone-input::placeholder{color:var(--text-3)}.field.invalid .input{border-color:var(--danger)}.field.invalid .input:focus{box-shadow:0 0 0 3.5px color-mix(in srgb, var(--danger) 22%, transparent)}.field.valid .input{border-color:#bfe3cd}.field-err{color:var(--danger-tx);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.field-hint{color:var(--text-3);font-size:12.5px}.legal-note{color:var(--text-3);margin-top:14px;font-size:12.5px;line-height:1.55}.legal-note a{color:var(--primary);font-weight:600;text-decoration:none}.legal-note a:hover{text-decoration:underline}.pw-strength{flex-direction:column;gap:10px;margin-top:9px;display:flex}.pw-bars{gap:6px;display:flex}.pw-bar{background:var(--border);border-radius:4px;flex:1;height:6px;transition:background .2s}.pw-meta{justify-content:space-between;font-size:12px;font-weight:700;display:flex}.pw-meta .lvl-0{color:var(--text-3)}.pw-meta .lvl-1{color:#d8492b}.pw-meta .lvl-2{color:#d98a13}.pw-meta .lvl-3{color:#2f9e44}.pw-meta .lvl-4{color:#157a40}.pw-reqs{grid-template-columns:1fr 1fr;gap:6px 14px;margin:2px 0 0;padding:0;list-style:none;display:grid}.pw-req{color:var(--text-3);align-items:center;gap:7px;font-size:12.5px;transition:color .15s;display:flex}.pw-req.ok{color:var(--success-tx)}.pw-req .dot{border:1.5px solid var(--border-2);border-radius:50%;flex:none;place-items:center;width:16px;height:16px;transition:all .15s;display:grid}.pw-req.ok .dot{background:var(--success);border-color:var(--success);color:#fff}.check{cursor:pointer;align-items:flex-start;gap:11px;display:flex}.check input{opacity:0;width:0;height:0;position:absolute}.check .box{border:1.5px solid var(--border-2);color:#fff;background:#fff;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;margin-top:1px;transition:all .14s;display:grid}.check input:checked+.box{background:var(--primary);border-color:var(--primary)}.check input:focus-visible+.box{box-shadow:0 0 0 3.5px var(--ring)}.check .box svg{opacity:0;transition:all .14s;transform:scale(.6)}.check input:checked+.box svg{opacity:1;transform:scale(1)}.check .ctext{color:var(--text-2);font-size:13.5px;line-height:1.45}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13.5px;font-weight:700;text-decoration:none}.link:hover{text-decoration:underline}.btn{height:var(--field-h);border-radius:var(--r-btn);font:inherit;letter-spacing:.01em;cursor:pointer;white-space:nowrap;border:1.5px solid #0000;justify-content:center;align-items:center;gap:9px;width:100%;font-size:14px;font-weight:800;transition:background .14s,transform 60ms,box-shadow .14s,color .14s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 6px 16px var(--ring)}.btn-primary:hover:not(:disabled){background:var(--primary-600)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;color:#fff;background:#aebdd6}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border-2);box-shadow:var(--sh-field)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-ghost:disabled{opacity:.55;cursor:not-allowed}.btn-soft{background:var(--primary-soft);color:var(--primary)}.btn-soft:hover{background:color-mix(in oklab, var(--primary-soft) 80%, var(--primary) 12%)}.btn-block-gap{margin-top:4px}.btn:focus-visible{box-shadow:0 0 0 3.5px var(--ring);outline:none}.spinner{border:2.4px solid #fff6;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite auth-spin}.btn-ghost .spinner,.btn-soft .spinner{border-color:var(--border-2);border-top-color:var(--primary)}@keyframes auth-spin{to{transform:rotate(360deg)}}.alert{border-radius:var(--r-field);border:1px solid #0000;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 15px;font-size:13.5px;line-height:1.45;display:flex}.alert .a-ic{flex:none;margin-top:1px}.alert b{margin-bottom:2px;font-weight:800;display:block}.alert .a-body{min-width:0}.alert .a-body p{margin:0}.alert .a-action{margin-top:9px}.alert-danger{background:var(--danger-bg);border-color:color-mix(in srgb, var(--danger) 25%, #fff);color:var(--danger-tx)}.alert-warning{background:var(--warning-bg);color:var(--warning-tx);border-color:#f4d9ad}.alert-success{background:var(--success-bg);border-color:color-mix(in srgb, var(--success) 25%, #fff);color:var(--success-tx)}.alert-info{background:var(--primary-soft);border-color:color-mix(in srgb, var(--primary) 20%, #fff);color:var(--primary-700)}.alert .a-action .link{color:inherit;text-decoration:underline}.status{text-align:center;padding:8px 0}.status-ic{border-radius:18px;place-items:center;width:64px;height:64px;margin:0 auto 22px;display:grid}.status-ic.ok{background:var(--success-bg);color:var(--success)}.status-ic.mail{background:var(--primary-soft);color:var(--primary)}.status-ic.warn{background:var(--warning-bg);color:var(--warning-tx)}.status-ic.err{background:var(--danger-bg);color:var(--danger)}.status h1{letter-spacing:-.02em;font-size:24px;font-weight:800;font-family:var(--font-heading);margin:0 0 10px}.status p{color:var(--text-2);max-width:38ch;margin:0 auto 22px;font-size:14.5px;line-height:1.55}.status .email-pill{color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);white-space:nowrap;padding:3px 11px;font-size:13.5px;font-weight:800;display:inline-block}.status .resend-row{color:var(--text-3);margin-top:18px;font-size:13.5px}.status .actions{flex-direction:column;gap:12px;max-width:320px;margin:0 auto;display:flex}.checking{flex-direction:column;align-items:center;gap:20px;padding:18px 0;display:flex}.checking .big-spin{border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:46px;height:46px;animation:.8s linear infinite auth-spin}.checking h1{font-size:20px;font-weight:800;font-family:var(--font-heading);margin:0 0 6px}.checking p{color:var(--text-2);margin:0;font-size:14px}.divider{color:var(--text-3);align-items:center;gap:14px;margin:4px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.social{margin-top:22px}.social-label{color:var(--text-3);justify-content:center;align-items:center;gap:14px;margin-bottom:16px;font-size:13px;font-weight:600;display:flex}.social-label:before,.social-label:after{content:"";background:var(--border);flex:1;max-width:80px;height:1px}.prov-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.prov-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:15px;place-items:center;width:54px;height:54px;padding:0;transition:transform .1s;display:grid}.prov-btn:hover{transform:translateY(-2px)}.prov-btn:active{transform:translateY(0)}.prov-btn:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.prov-mark{letter-spacing:.01em;border-radius:14px;flex:none;place-items:center;width:50px;height:50px;font-weight:800;display:grid;box-shadow:0 3px 10px #14161c29}.prov-mark-logo{place-items:center;width:50px;height:50px;display:grid}.prov-mark-logo svg{filter:drop-shadow(0 3px 8px #14161c33);width:100%;height:100%;display:block}.prov-img{object-fit:contain;filter:drop-shadow(0 3px 8px #14161c33);border-radius:14px;width:50px;height:50px;display:block}.oauth-notice{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-field);color:var(--text-2);text-align:center;margin-top:10px;padding:8px 12px;font-size:12.5px}@media (width<=540px){.auth-stage{--field-h:52px}.auth-formcol{padding:18px 14px 40px}.auth-card{border-radius:16px;padding:26px 20px}.head h1{font-size:23px}.pw-reqs{grid-template-columns:1fr}.auth-topbar{padding:0 16px}.auth-topbar-right .hide-sm{display:none}}.auth-stage a:focus-visible,.auth-stage button:focus-visible,.auth-stage .link:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){.auth-stage *{transition-duration:.001ms!important;animation-duration:.001ms!important}}
