.auth-page {
    padding: 40px 0 80px;
}

.auth-container {
    max-width: 480px;
}

.auth-card {
    background: #10131a;
    border: 1px solid #252b38;
    border-radius: 16px;
    padding: 28px;
}

.auth-card h1 {
    margin: 0 0 20px;
    font-family: 'Exo 2', sans-serif;
    font-size: 24px;
    color: #fff;
}

.auth-form .form-group {
    margin-bottom: 14px;
}

.auth-form label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    color: #aeb6c6;
}

.auth-form .form-control {
    width: 100%;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid #252b38;
    background: #0c0f15;
    color: #fff;
}

.auth-check {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    font-size: 13px;
    color: #aeb6c6;
}

.auth-links {
    margin-top: 16px;
    font-size: 13px;
}

.auth-links a {
    color: #ff7a1a;
}

.auth-alert {
    padding: 10px 12px;
    border-radius: 10px;
    margin-bottom: 14px;
    font-size: 13px;
}

.auth-alert-error {
    background: rgba(255, 70, 70, .12);
    border: 1px solid rgba(255, 70, 70, .25);
    color: #ff9a9a;
}

.auth-alert-success,
.submit-alert-success {
    background: rgba(46, 204, 113, .12);
    border: 1px solid rgba(46, 204, 113, .25);
    color: #8de4b0;
}