:root{
    --bg:#050b16;--bg2:#0b1930;--surface:#fff;--text:#182033;--muted:#748198;
    --line:#e2e8f1;--purple:#6e49ff;--blue:#3e8cff;--danger:#b4233b;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif}
body{color:#fff;background:linear-gradient(135deg,var(--bg),#071329 55%,#0c0a23);overflow-x:hidden}
a{text-decoration:none;color:inherit}
.auth-body{position:relative}
.auth-ambient{position:fixed;border-radius:50%;pointer-events:none;filter:blur(8px);opacity:.55}
.auth-ambient-one{width:550px;height:550px;left:-260px;top:10%;background:radial-gradient(circle,rgba(43,144,255,.35),transparent 67%)}
.auth-ambient-two{width:650px;height:650px;right:-320px;bottom:-230px;background:radial-gradient(circle,rgba(180,55,241,.28),transparent 68%)}
.auth-layout{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:minmax(420px,1fr) minmax(500px,.92fr)}
.auth-showcase{padding:48px clamp(38px,6vw,96px);display:flex;flex-direction:column;justify-content:space-between}
.auth-brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:20px;letter-spacing:-.03em}
.auth-brand strong{color:#72b0ff}
.auth-logo{position:relative;width:31px;height:32px;display:inline-block}
.auth-logo i{position:absolute;inset:0 6px 0 0;border:3px solid #8d4cff;border-radius:6px;transform:rotate(-5deg)}
.auth-logo i:last-child{inset:4px 0 4px 8px;border-color:#38a6ff}
.auth-showcase-copy{max-width:650px;margin:auto 0}
.auth-kicker{display:inline-block;color:#a8b9d3;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}
.auth-kicker.dark{color:#7658ef}
.auth-showcase h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(48px,5vw,78px);line-height:1.02;letter-spacing:-.06em;margin:18px 0}
.auth-showcase h1 em{font-style:normal;background:linear-gradient(100deg,#48a0ff,#8661ff 55%,#c94ae8);-webkit-background-clip:text;background-clip:text;color:transparent}
.auth-showcase p{font-size:16px;color:#b5c0d4;max-width:580px}
.auth-benefits{display:grid;gap:11px;margin-top:30px;color:#c4cee0;font-size:13px;font-weight:600}
.auth-benefits span::first-letter{color:#6aa7ff}
.auth-panel{display:flex;align-items:center;justify-content:center;padding:35px;background:rgba(255,255,255,.025);border-left:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}
.auth-card{width:min(100%,570px);padding:42px 44px;background:#fff;color:var(--text);border-radius:26px;box-shadow:0 35px 90px rgba(0,0,0,.28)}
.register-panel .auth-card{margin:35px 0}
.auth-back{display:inline-block;margin-bottom:32px;color:#8390a4;font-size:12px;font-weight:700}
.auth-card h2{font-family:Manrope,Inter,sans-serif;margin:8px 0 8px;font-size:37px;letter-spacing:-.045em}
.auth-intro{margin:0 0 26px;color:var(--muted);font-size:14px}
.auth-alert{margin:0 0 20px;padding:14px 16px;border-radius:12px;background:#fff1f3;border:1px solid #ffd7dd;color:var(--danger);font-size:12px;line-height:1.5}
.auth-alert ul{margin:7px 0 0;padding-left:18px}
.auth-form{display:grid;gap:16px}
.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.auth-form label>span{display:block;margin:0 0 7px 2px;font-size:11px;font-weight:800;color:#344058}
.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=tel]{
    width:100%;height:50px;border:1px solid var(--line);border-radius:11px;background:#fbfcfe;padding:0 14px;outline:none;color:#1f2937;transition:.2s
}
.auth-form input:focus{border-color:#8061ff;box-shadow:0 0 0 4px rgba(128,97,255,.09);background:#fff}
.auth-check{display:flex;align-items:flex-start;gap:10px;color:#68758a;font-size:11px;line-height:1.5;cursor:pointer}
.auth-check input{margin-top:3px;accent-color:#6d4cff}
.auth-check span{margin:0!important;font-weight:500!important;color:#68758a!important}
.auth-submit{height:52px;border:0;border-radius:12px;color:#fff;font-weight:800;background:linear-gradient(100deg,#5544ff,#9f35f0 58%,#ff7b60 118%);box-shadow:0 13px 30px rgba(111,67,246,.25);cursor:pointer}
.auth-submit:hover{filter:brightness(1.04);transform:translateY(-1px)}
.auth-switch{text-align:center;margin:24px 0 0;color:#8490a3;font-size:12px}
.auth-switch a{color:#6946ee;font-weight:800}
@media(max-width:980px){
    .auth-layout{grid-template-columns:1fr}
    .auth-showcase{min-height:360px;padding:34px 28px}
    .auth-showcase-copy{margin:70px 0 15px}
    .auth-showcase h1{font-size:48px}
    .auth-panel{border-left:0;border-top:1px solid rgba(255,255,255,.08);padding:28px 18px 45px}
}
@media(max-width:600px){
    .auth-showcase{min-height:310px}.auth-showcase h1{font-size:39px}.auth-showcase p{font-size:14px}
    .auth-card{padding:30px 22px;border-radius:20px}.auth-card h2{font-size:31px}.auth-row{grid-template-columns:1fr}
}

.auth-form select{width:100%;height:50px;border:1px solid var(--line);border-radius:11px;background:#fbfcfe;padding:0 14px;outline:none;color:#1f2937;transition:.2s}
.auth-form select:focus{border-color:#8061ff;box-shadow:0 0 0 4px rgba(128,97,255,.09);background:#fff}
.seller-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.seller-type-option{position:relative;cursor:pointer}
.seller-type-option input{position:absolute;opacity:0;pointer-events:none}
.seller-type-option span{height:100%;min-height:84px;margin:0!important;padding:13px!important;border:1px solid var(--line);border-radius:12px;background:#fbfcfe;display:flex!important;flex-direction:column;justify-content:center;color:#263248!important;font-size:11px!important}
.seller-type-option strong{font-size:12px;margin-bottom:4px}.seller-type-option small{color:#8591a4;font-size:9px;line-height:1.45}
.seller-type-option input:checked+span{border-color:#8061ff;background:#f8f6ff;box-shadow:0 0 0 3px rgba(128,97,255,.08)}
.auth-section-title{padding-top:5px;font-size:9px;font-weight:900;color:#7658ef;text-transform:uppercase;letter-spacing:.12em}
.auth-hint{margin:-7px 0 0;color:#8390a4;font-size:9px;line-height:1.55}
.conditional-fields{display:grid;gap:16px}
.conditional-fields[hidden]{display:none}
.business-status-box{padding:14px;border:1px solid #e4e8f0;border-radius:12px;background:#fafbfe}
.business-status-box>strong{display:block;font-size:11px;margin-bottom:5px}.business-status-box>p{margin:0 0 11px;color:#778397;font-size:9px;line-height:1.55}
.business-status-options{display:grid;gap:8px}.business-status-options label{display:flex;align-items:flex-start;gap:9px;font-size:10px;color:#4f5c70}.business-status-options input{margin-top:2px;accent-color:#6d4cff}
.seller-responsibility{padding:13px 14px;border-radius:11px;background:#f6f4ff;border:1px solid #e1dcff}
@media(max-width:600px){.seller-type-grid{grid-template-columns:1fr}}


.two-factor-shell{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:28px}
.two-factor-card{width:min(100%,560px)}
.totp-setup{display:grid;place-items:center;gap:16px;margin:0 0 24px}
.totp-qr{width:244px;min-height:244px;display:grid;place-items:center;padding:12px;border:1px solid #e4e8f0;border-radius:16px;background:#fff}
.totp-qr img,.totp-qr canvas{max-width:220px!important;max-height:220px!important}
.totp-manual{width:100%;padding:13px 15px;border-radius:11px;background:#f7f8fc;border:1px solid #e5e9f1;text-align:center}
.totp-manual span,.totp-manual code{display:block}.totp-manual span{font-size:9px;color:#7d899b;text-transform:uppercase;letter-spacing:.08em}.totp-manual code{margin-top:6px;color:#273247;font-size:13px;letter-spacing:.08em;word-break:break-all}
.auth-form .totp-input{text-align:center;font-size:24px;font-weight:800;letter-spacing:.26em}

.passkey-login-box{display:grid;grid-template-columns:auto 1fr;gap:12px 14px;align-items:center;margin:0 0 18px;padding:16px;border:1px solid #ddd8ff;border-radius:14px;background:linear-gradient(135deg,#f8f6ff,#fbfcff)}
.passkey-login-icon{grid-row:1/3;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#5c4bf5,#9748e7);font-size:22px;font-weight:900}
.passkey-login-box strong,.passkey-login-box span{display:block}.passkey-login-box strong{font-size:12px;color:#273247}.passkey-login-box span{margin-top:4px;color:#778397;font-size:9px;line-height:1.5}
.auth-passkey-button{grid-column:1/-1;height:48px;border:0;border-radius:11px;color:#fff;background:linear-gradient(100deg,#5544ff,#9142e8);font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(100,70,230,.18)}
.auth-passkey-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.auth-passkey-message{margin:-6px 0 16px;padding:10px 12px;border-radius:9px;background:#f4f6fa;color:#657287;font-size:9px;line-height:1.5}
.auth-passkey-message.error{background:#fff1f3;color:#a73548}.auth-passkey-message.success{background:#eafaf3;color:#16724c}
.auth-or-divider{display:flex;align-items:center;gap:10px;margin:19px 0}.auth-or-divider:before,.auth-or-divider:after{content:"";height:1px;flex:1;background:#e7ebf1}.auth-or-divider span{color:#8c97a8;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}

.phone-login-choice{display:grid;gap:7px;padding:16px;border:1px solid #dddff0;border-radius:13px;background:#fafbfe}
.phone-login-choice strong{font-size:12px;color:#273247}
.phone-login-choice>span{color:#768398;font-size:9px;line-height:1.55}
.phone-login-choice .auth-passkey-button{margin-top:5px}
.phone-login-qr-wrap{display:grid;justify-items:center;gap:10px;margin-top:14px;padding:16px;border:1px solid #e4e8f0;border-radius:13px;background:#fafbfe;text-align:center}
.phone-login-qr-wrap[hidden]{display:none}
.phone-login-qr-wrap p{max-width:420px;margin:0;color:#748196;font-size:9px;line-height:1.55}
.phone-approval-card{width:min(100%,520px)}
.phone-approval-card .auth-intro strong{color:#273247}
.phone-approval-actions{display:grid;gap:10px}
.phone-reject-button{height:48px;border:1px solid #dfe4ec;border-radius:11px;background:#f6f7fa;color:#4c586c;font-weight:800;cursor:pointer}
.phone-reject-button:hover{background:#eef0f4}
.phone-approval-success{padding:14px 16px;border:1px solid #caebdb;border-radius:11px;background:#eafaf3;color:#16724c;font-size:11px;font-weight:800;text-align:center}

.auth-captcha{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:14px;border:1px solid #dfe4ed;border-radius:12px;background:#f8f9fc}
.auth-captcha img{display:block;max-width:100%;height:auto;border-radius:9px;border:1px solid #d8deea;background:#fff}
.auth-captcha label{margin:0}
.auth-captcha small{grid-column:1/-1;color:#7d889a;font-size:11px;line-height:1.5}
@media(max-width:620px){.auth-captcha{grid-template-columns:1fr}.auth-captcha img{justify-self:center}.auth-captcha small{grid-column:1}}