:root {
    --primary: #00a0e3;
    --primary-light: #38bdf8;
    --primary-dark: #0284c7;

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

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

.login-visual {
    background-image: url('/public/images/yootrix/bg-image-login.jpg');
}

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

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

.btn-login:hover {
    box-shadow: 0 15px 45px rgba(0,160,227,0.40);
}

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

.orb-1 { background: radial-gradient(circle, rgba(0,160,227,0.25), transparent 70%); }
.orb-2 { background: radial-gradient(circle, rgba(2,132,199,0.20), transparent 70%); }