:root {
    --primary: #0774a0;
    --primary-light: #a9cdde;
    --primary-dark: #065f73;

    --bg-main: #f0f9ff;
    --bg-card: rgba(255,255,255,0.78);

    --text-main: #0f172a;
    --text-muted: #64748b;
}

.login-visual {
    background-image: url('/public/images/intraweb/bg-image-login.jpg');
    background-position: center left;
}

.login-form-wrapper {
    background: linear-gradient(180deg, #ffffff 0%, #e6f4fa 100%);
}

.btn-login {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    box-shadow: 0 10px 30px rgba(7,116,160,0.30);
}

.btn-login:hover {
    background: linear-gradient(135deg, var(--primary-light), var(--primary));
}

.form-floating-custom input:focus {
    box-shadow: 0 0 0 4px rgba(7,116,160,0.15);
}

.orb-1 { background: radial-gradient(circle, rgba(7,116,160,0.25), transparent 70%); }
.orb-2 { background: radial-gradient(circle, rgba(169,205,222,0.25), transparent 70%); }