.auth-section { padding: 4rem 0 6rem; background-color: var(--section-surface); background-image: none; }
.auth-shell { display: grid; grid-template-columns: 1fr 1fr; max-width: 1050px; margin: 0 auto; overflow: hidden; border: 1px solid var(--ref-line); border-radius: 20px; background: #fff; box-shadow: var(--ref-shadow); }
.auth-promo { display: flex; flex-direction: column; justify-content: center; min-height: 650px; padding: clamp(2rem, 5vw, 4rem); color: #fff; background: radial-gradient(circle at 85% 15%, rgba(236, 50, 55, .42), transparent 28%), linear-gradient(145deg, #303136, #151619); }
.auth-promo-register { background: radial-gradient(circle at 15% 80%, rgba(236, 50, 55, .46), transparent 30%), linear-gradient(145deg, #303136, #151619); }
.auth-brand { display: flex; align-items: center; gap: .8rem; margin-bottom: auto; color: #fff; font-weight: 800; text-decoration: none; }
.auth-brand img { width: 48px; height: 48px; object-fit: contain; padding: 4px; border-radius: 50%; background: #fff; }
.auth-promo h1 { margin: 1.2rem 0; font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; line-height: 1.45; }
.auth-promo > p { color: rgba(255, 255, 255, .66); line-height: 2; }
.auth-benefits { display: grid; gap: .8rem; margin-top: 1.5rem; }
.auth-benefits span { display: flex; align-items: center; gap: .65rem; }
.auth-benefits i { color: #ff6c70; font-size: 1.2rem; }
.auth-card { align-self: center; padding: clamp(2rem, 5vw, 4rem); }
.auth-card h2 { margin: 1rem 0 .5rem; font-size: 2rem; font-weight: 800; }
.auth-card > p { margin-bottom: 1.7rem; color: var(--ref-muted); }
.auth-card .btn { border-radius: 9px; }
.auth-switch { margin: 1.5rem 0 0 !important; text-align: center; font-size: .9rem; }
.auth-switch a { color: var(--ref-red); font-weight: 800; text-decoration: none; }
.status-section { display: grid; min-height: 65vh; padding: 4rem 0; place-items: center; background: var(--ref-soft); }
.status-card { max-width: 620px; margin: auto; padding: clamp(2rem, 6vw, 4.5rem); border: 1px solid var(--ref-line); border-radius: 20px; background: #fff; box-shadow: var(--ref-shadow); text-align: center; }
.status-icon { display: grid; place-items: center; width: 78px; height: 78px; margin: 0 auto 1.25rem; border-radius: 26px 8px 26px 26px; color: #fff; background: var(--ref-red); font-size: 2.2rem; }
.status-card h1 { margin: 1rem 0; font-size: clamp(2rem, 5vw, 3.2rem); font-weight: 800; }
.status-card p { margin-bottom: 1.5rem; color: var(--ref-muted); line-height: 1.9; }
@media (max-width: 767.98px) { .auth-section { padding: 2rem 0 4rem; } .auth-shell { grid-template-columns: 1fr; } .auth-promo { min-height: 410px; } .auth-brand { margin-bottom: 3rem; } }