.auth-page {
    background: #F4F7FA;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.auth-wrapper {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    max-width: var(--max-width);
    margin: 90px auto 0;
    width: 100%;
    background: white;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 40px 100px rgba(0,0,0,0.05);
    border: 1px solid var(--border);
}

.auth-card {
    padding: 60px 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.auth-logo { height: 48px; margin-bottom: 30px; }
.auth-header h1 { font-size: 2.2rem; font-weight: 900; color: var(--text-dark); margin-bottom: 10px; }
.auth-header p { color: var(--text-gray); margin-bottom: 40px; }

.form-group { margin-bottom: 25px; }
.form-group label { display: block; font-size: 0.85rem; font-weight: 800; color: var(--text-gray); margin-bottom: 10px; text-transform: uppercase; }

.input-wrap { position: relative; }
.input-icon { position: absolute; left: 18px; top: 18px; color: var(--text-gray); }
input { 
    width: 100%; padding: 16px 15px 16px 50px; 
    background: #F8FAFC; border: 1px solid var(--border); 
    border-radius: 12px; font-size: 1rem; color: var(--text-dark); outline: none; transition: 0.3s;
}
input:focus { border-color: var(--primary); background: white; }

.btn-auth-submit {
    background: var(--primary); color: white; border: none; 
    padding: 18px; border-radius: 12px; font-weight: 800; 
    font-size: 1.1rem; cursor: pointer; transition: 0.3s;
    display: flex; align-items: center; justify-content: center; gap: 12px;
}
.btn-auth-submit:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(227, 6, 19, 0.25); }

.auth-visual { background: url('../images/hero_car_background.png') center/cover no-repeat; position: relative; }
.auth-visual-overlay { 
    position: absolute; inset: 0; 
    background: linear-gradient(rgba(227, 6, 19, 0.1), rgba(26, 32, 46, 0.9)); 
    display: flex; align-items: flex-end; padding: 60px;
}

.auth-quote { color: white; }
.auth-quote p { font-size: 1.5rem; font-weight: 700; font-style: italic; margin: 20px 0; }

@media (max-width: 1000px) {
    .auth-wrapper { grid-template-columns: 1fr; margin-top: 0; border-radius: 0; }
    .auth-visual { display: none; }
    .auth-card { padding: 40px; }
}