/* Auth Pages — USA Real Estate Theme */
body.auth-body {
    margin: 0; padding: 0;
    background: #f0f4f8;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    min-height: 100vh;
}
.auth-wrapper { display: flex; min-height: 100vh; }

.auth-sidebar {
    width: 420px;
    background: linear-gradient(160deg, #0a1628 0%, #0f2040 55%, #1e3a8a 100%);
    padding: 60px 40px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}
/* Dot-grid overlay */
.auth-sidebar::before {
    content: '';
    position: absolute; inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size: 32px 32px;
    pointer-events: none;
}
/* Gold glow */
.auth-sidebar::after {
    content: '';
    position: absolute; inset: 0;
    background: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(217,119,6,.18) 0%, transparent 60%);
    pointer-events: none;
}

.auth-sidebar-content { width: 100%; position: relative; z-index: 1; }

.features-list { margin-top: 40px; }
.feature-item { display: flex; align-items: center; padding: 8px 0; font-size: 15px; }

.testimonial {
    background: rgba(255,255,255,.07);
    border-radius: 12px;
    padding: 20px;
    border-left: 3px solid rgba(217,119,6,.6);
    margin-top: 32px;
}

.auth-content {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    background: #f0f4f8;
}

.auth-form-container {
    width: 100%;
    max-width: 420px;
    background: white;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 4px 24px rgba(29,78,216,.1);
    border-top: 3px solid #1d4ed8;
}

.form-control:focus {
    border-color: #1d4ed8;
    box-shadow: 0 0 0 3px rgba(29,78,216,.12);
}

.btn-primary {
    background: #1d4ed8;
    border-color: #1d4ed8;
}
.btn-primary:hover {
    background: #1e3a8a;
    border-color: #1e3a8a;
}

@media (max-width: 768px) {
    .auth-sidebar { display: none; }
    .auth-content { padding: 20px; }
    .auth-form-container { padding: 24px; }
}