.ch-auth-backdrop[hidden], .ch-auth-form[hidden], .ch-auth-tabs[hidden] { display:none !important; }
.ch-auth-backdrop { position:fixed; inset:0; z-index:10000; display:grid; place-items:center; padding:20px; background:rgba(5,7,13,.82); backdrop-filter:blur(10px); }
.ch-auth-card { position:relative; width:min(100%,440px); max-height:min(92vh,760px); overflow:auto; border:1px solid rgba(167,139,250,.32); border-radius:22px; padding:26px; background:radial-gradient(circle at 100% 0,rgba(138,43,226,.17),transparent 38%),#171923; box-shadow:0 24px 90px rgba(0,0,0,.55),0 0 32px rgba(138,43,226,.12); color:#f8fafc; }
.ch-auth-close { position:absolute; top:14px; right:15px; width:36px; height:36px; border:1px solid rgba(255,255,255,.1); border-radius:11px; background:rgba(255,255,255,.04); color:#cbd5e1; font-size:23px; line-height:1; }
.ch-auth-brand { display:inline-flex; align-items:center; gap:9px; margin-bottom:15px; color:#c4b5fd; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.ch-auth-brand-mark { display:grid; width:34px; height:34px; place-items:center; border-radius:11px; background:linear-gradient(135deg,#8a2be2,#6126bc); color:white; font-family:Outfit,sans-serif; font-size:15px; letter-spacing:0; }
.ch-auth-card h2 { margin:0; font-family:Outfit,sans-serif; font-size:25px; font-weight:800; }
.ch-auth-description { margin:7px 35px 20px 0; color:#a1a1aa; font-size:12px; line-height:1.55; }
.ch-auth-tabs { display:grid; grid-template-columns:1fr 1fr; gap:5px; margin-bottom:18px; padding:4px; border:1px solid rgba(255,255,255,.07); border-radius:13px; background:#101117; }
.ch-auth-tabs button { border:0; border-radius:10px; padding:10px; background:transparent; color:#9295a1; font-size:12px; font-weight:700; }
.ch-auth-tabs button[aria-selected="true"] { background:#31204b; color:#e9d5ff; box-shadow:inset 0 0 0 1px rgba(192,132,252,.2); }
.ch-auth-form { display:grid; gap:13px; }
.ch-auth-field { display:grid; gap:6px; color:#d4d4dc; font-size:11px; font-weight:700; }
.ch-auth-field input { width:100%; min-height:43px; border:1px solid rgba(255,255,255,.1); border-radius:11px; padding:10px 12px; outline:none; background:#101117; color:#fff; font:500 13px Inter,sans-serif; }
.ch-auth-field input::placeholder { color:#626575; }
.ch-auth-field input:focus { border-color:#a855f7; box-shadow:0 0 0 3px rgba(168,85,247,.15); }
.ch-auth-submit { min-height:44px; margin-top:4px; border:1px solid rgba(216,180,254,.35); border-radius:12px; background:linear-gradient(105deg,#7e22ce,#6d28d9 60%,#4338ca); color:white; font-size:12px; font-weight:800; box-shadow:0 8px 24px rgba(109,40,217,.2); }
.ch-auth-submit:hover { filter:brightness(1.12); }
.ch-auth-feedback { min-height:18px; margin:0; color:#fcd34d; font-size:11px; line-height:1.45; }
.ch-auth-demo-note { margin:17px 0 0; border:1px solid rgba(250,204,21,.18); border-radius:11px; padding:10px 11px; background:rgba(250,204,21,.05); color:#c4b98d; font-size:10px; line-height:1.5; }
.ch-auth-demo-note i { margin-right:5px; color:#facc15; }
.ch-auth-back-link { display:block; margin:13px auto 0; border:0; background:transparent; color:#a78bfa; font-size:11px; font-weight:700; }
.ch-auth-open { display:inline-flex; align-items:center; gap:6px; flex:none; border:1px solid rgba(192,132,252,.32); border-radius:11px; padding:8px 11px; background:rgba(126,34,206,.16); color:#e9d5ff; font-size:11px; font-weight:800; transition:background .18s ease; }
.ch-auth-open:hover { background:rgba(126,34,206,.3); }
@media(max-width:899px) { .ch-auth-card { padding:22px 19px; } .ch-auth-open { padding:8px 9px; font-size:10px; } }