html, body { height: 100%; margin: 0; background: #fff; color: #fff; }
.auth-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.auth-card {
    width: 100%; max-width: 360px; background: #333; padding: 2rem;
    border-radius: 12px; box-shadow: 0 8px 32px rgba(0,0,0,0.5);
}
.auth-card h1 { font-size: 1.25rem; margin-bottom: 1rem; text-align: center; }
.auth-error { color: #ff6b6b; font-size: .875rem; margin-bottom: .75rem; }
.auth-card .form-control {
    background: #1c1c1c; color: #fff; border: 1px solid #333;
}
.auth-card .form-control:focus { background: #1c1c1c; color: #fff; border-color: #666; box-shadow: none; }
.auth-card .btn-primary { width: 100%; margin-top: .75rem; }