/* auth.css — страница входа / регистрации */
.auth-page{padding:100px 0 80px;min-height:calc(100vh - 200px);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 50%,var(--accent-soft) 100%)}
.auth-grid{display:grid;grid-template-columns:1fr 420px;gap:48px;align-items:center;max-width:1100px;margin:0 auto}
.auth-hero{padding-right:24px}
.auth-hero .section-label{margin-bottom:16px}
.auth-hero h1{font-size:clamp(28px,4vw,42px);line-height:1.15;margin-bottom:16px;text-transform:uppercase}
.auth-hero p{color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:32px;max-width:480px}
.auth-benefits{display:flex;flex-direction:column;gap:16px}
.auth-benefit{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.auth-benefit i{font-size:22px;color:var(--accent);margin-top:2px;flex-shrink:0}
.auth-benefit strong{display:block;font-family:var(--font-heading);font-size:15px;margin-bottom:4px}
.auth-benefit span{font-size:13px;color:var(--text-muted);line-height:1.45}
.auth-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:36px 32px;box-shadow:var(--shadow-lg)}
.auth-card-head{text-align:center;margin-bottom:28px}
.auth-card-head h2{font-size:22px;text-transform:uppercase;margin:8px 0 0}
.auth-tabs{display:flex;gap:4px;background:var(--bg-secondary);border-radius:var(--radius-sm);padding:4px;margin-bottom:24px}
.auth-tab{flex:1;padding:11px;border:none;background:transparent;border-radius:6px;font-family:var(--font-heading);font-weight:600;cursor:pointer;color:var(--text-muted);transition:var(--transition)}
.auth-tab.active{background:var(--bg-card);color:var(--accent);box-shadow:var(--shadow-sm)}
.auth-alert{padding:12px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:18px;display:flex;align-items:center;gap:8px}
.auth-alert--error{background:var(--danger-bg);color:var(--danger)}
.auth-form label{display:block;margin-bottom:16px;font-size:13px;font-weight:600;color:var(--text-secondary)}
.auth-field{position:relative;margin-top:6px}
.auth-input{width:100%;padding:13px 16px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:15px;transition:var(--transition)}
.auth-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}
.auth-input--pw{padding-right:44px}
.auth-pw-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;font-size:18px;line-height:1}
.auth-pw-toggle:hover{color:var(--accent)}
.auth-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:13px}
.auth-row label{display:flex;align-items:center;gap:8px;margin:0;font-weight:500;cursor:pointer}
.auth-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}
.auth-link{color:var(--accent);text-decoration:none;font-weight:500}
.auth-link:hover{text-decoration:underline}
.auth-submit{width:100%;padding:14px;border:none;border-radius:var(--radius-pill);background:var(--accent);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:15px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}
.auth-submit:hover{background:var(--accent-hover);transform:translateY(-1px)}
.auth-footer{text-align:center;margin-top:20px;font-size:13px;color:var(--text-muted)}
.auth-footer a{color:var(--accent);text-decoration:none;font-weight:500}
.auth-terms{font-size:12px;color:var(--text-muted);margin-top:14px;line-height:1.5}
.auth-terms a{color:var(--accent)}
.auth-social{display:flex;gap:10px;justify-content:center;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-subtle)}
.auth-social a{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-secondary);color:var(--text-secondary);font-size:20px;transition:var(--transition);text-decoration:none}
.auth-social a:hover{background:var(--accent-soft);color:var(--accent)}
@media(max-width:900px){.auth-grid{grid-template-columns:1fr;max-width:440px}.auth-hero{display:none}.auth-page{padding-top:90px}}