/* public/css/login.css
 * Styles specific to the standalone login page. Depends on the brand
 * tokens in brand.css, which must be linked first.
 */

body {
    font-family: 'Outfit', sans-serif;
    /* Deep cinematic gradient background for the login page */
    background: linear-gradient(135deg, var(--brand-dark) 0%, #1f1b40 100%);
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.login-card {
    max-width: 440px;
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
    background: #ffffff;
}

.login-card .brand-logo {
    height: 54px;
    width: auto;
    margin-bottom: 20px;
}

.login-card .btn-gradient-cyan {
    padding: 12px 24px;
    font-size: 1.05rem;
}
.login-card .btn-gradient-cyan:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.text-brand-dark {
    color: var(--brand-dark);
}