/* Auth UI (works with default light and Promax/dark skins) */
:root{
  --auth-bg:#f2f2f4;
  --auth-card:#ffffff;
  --auth-text:#222;
  --auth-border:#e5e5ea;
  --accent:#d4af37;
}
body.dark{ --auth-bg:#0b0e11; --auth-card:#151a21; --auth-text:#eaecef; --auth-border:#2b3139; --accent:#f0b90b; }
body.promax{ --auth-bg:#0b0e11; --auth-card:#1e2329; --auth-text:#eaecef; --auth-border:#2b3139; --accent:#f0b90b; }

.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr;background:var(--auth-bg)}
@media(max-width:960px){.auth-wrap{grid-template-columns:1fr} .auth-side{display:none}}
.auth-side{position:relative;padding:40px}
.auth-side .bg{position:absolute;inset:0;background:radial-gradient(1200px 600px at -10% -10%, rgba(240,185,11,.15), transparent 40%), radial-gradient(1000px 500px at 120% 10%, rgba(14,203,129,.1), transparent 40%);filter:blur(0);}
.auth-side .content{position:relative;z-index:1;color:var(--auth-text)}
.auth-side .brand{font-size:28px;font-weight:800;color:var(--accent)}
.auth-side h1{font-size:38px;margin:12px 0 6px}
.auth-side p{color:#8a8f98;max-width:560px}
.auth-side .features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:20px}
.auth-side .f{background:var(--auth-card);border:1px solid var(--auth-border);border-radius:14px;padding:12px}

.auth-main{display:flex;align-items:center;justify-content:center;padding:40px}
.auth-card{width:100%;max-width:420px;background:var(--auth-card);border:1px solid var(--auth-border);border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.auth-card h2{margin:0 0 10px}
.auth-card .sub{color:#8a8f98;margin-bottom:16px}
.auth-card label{display:block;font-size:14px;color:#8a8f98;margin:10px 0 6px}
.auth-card input{width:100%;padding:10px 12px;border:1px solid var(--auth-border);border-radius:12px;background:#fff;color:#111}
body.dark .auth-card input, body.promax .auth-card input{background:#0f1217;color:var(--auth-text)}
.auth-card .row{display:flex;gap:10px}
.auth-card .btn{width:100%;padding:12px;border:none;border-radius:12px;background:var(--accent);color:#000;font-weight:700;cursor:pointer}
.auth-card .btn:hover{filter:brightness(.98)}
.auth-card .btn.line{background:transparent;border:1px solid var(--auth-border);color:var(--auth-text)}
.auth-card .muted{color:#8a8f98}
.auth-card .alert{background:#fff7cc;border:1px solid #ffe58f;padding:10px;border-radius:10px;margin-bottom:10px}
.auth-top{position:absolute;right:16px;top:16px;display:flex;gap:8px}
.auth-top .btn-mini{padding:8px 10px;border-radius:10px;border:1px solid var(--auth-border);background:var(--auth-card);color:var(--auth-text);cursor:pointer}
.showpass{position:absolute;right:10px;top:34px;background:transparent;border:none;color:#8a8f98;cursor:pointer}
.field{position:relative}