body.no-searchbar { background: linear-gradient(135deg,#0d0d0d 0%,#2a0a11 100%); min-height:100vh; }
    .auth-card { background:#fff; border-radius:20px; padding:2rem; width:min(420px,calc(100vw - 2rem)); box-shadow:0 20px 60px rgba(0,0,0,.3); }
    .auth-card.register-box { width:min(520px,calc(100vw - 2rem));  }
    .auth-logo { font-family:var(--font-display); font-weight:800; font-size:1.5rem; color:var(--brand); margin-bottom:.25rem; }
    .auth-logo span { color:#ffffff; }
    .tab-auth { font-weight:600; font-size:.9rem; padding:.5rem 1.25rem; border-radius:100px; border:none; background:transparent; cursor:pointer; color:var(--muted); transition:all .2s; text-align: center; }
    .tab-auth.active { background:var(--brand); color:#fff; text-align: center;}
    .form-label { font-size:.83rem; font-weight:500; color:#374151; }
    .form-control { border-radius:10px; border:1.5px solid var(--border); font-size:.9rem; padding:.6rem .9rem; }
    .form-control:focus { border-color:var(--brand); box-shadow:0 0 0 3px var(--brand-mid); }
    .pw-toggle { position:absolute; right:.75rem; top:50%; transform:translateY(-50%); color:var(--muted); cursor:pointer; font-size:.9rem; } 
    .auth-form.active { display:block; }