.auth-modal-backdrop{position:fixed;inset:0;z-index:2200;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(4,8,14,.66);backdrop-filter:blur(6px);}
.auth-modal-backdrop[hidden]{display:none;}
.auth-modal{position:relative;width:min(92vw,760px);background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 80px rgba(0,0,0,.45);padding:26px;display:grid;gap:18px;}
.auth-modal__close{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--tile);color:var(--ink);font-size:22px;line-height:1;cursor:pointer;}
.auth-modal__kicker{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid var(--line);border-radius:999px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);width:max-content;}
.auth-modal__title{margin:0;font-size:clamp(28px,3vw,36px);line-height:1.1;}
.auth-modal__lead{margin:0;color:var(--muted);max-width:68ch;}
.auth-modal__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.auth-card{border:1px solid var(--line);border-radius:18px;padding:18px;background:color-mix(in srgb,var(--tile) 80%,transparent);display:grid;gap:14px;}
.auth-card__title{font-size:18px;font-weight:700;line-height:1.2;}
.auth-card__text{margin:0;color:var(--muted);}
.auth-field{display:grid;gap:6px;}
.auth-field span{font-size:12px;color:var(--muted);}
.auth-login-form{display:grid;gap:12px;}
.auth-card__actions{display:flex;gap:10px;justify-content:flex-start;flex-wrap:wrap;}
.auth-card__actions--stack .btn{justify-content:center;}
body.auth-modal-open{overflow:hidden;}
@media (max-width:720px){.auth-modal{padding:22px 18px;}.auth-modal__grid{grid-template-columns:1fr;}.auth-card__actions .btn{width:100%;justify-content:center;}}


.auth-modal .btn{background:var(--tile);color:var(--ink);border-color:var(--line);}
.auth-modal .btn.primary{background:var(--accent);color:#fff;border-color:transparent;}
.auth-register-btn{background:transparent;border-color:color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--ink);}
.auth-register-btn:hover{background:color-mix(in srgb,var(--accent) 10%,var(--tile));border-color:color-mix(in srgb,var(--accent) 58%,var(--line));}