/* Yunikon — login & portal branding (web pages) v2 */
:root { --yk-navy:#101D42; --yk-blue:#4169E1; }
body, .login-page, .no-sidebar, .login-content {
  background: linear-gradient(135deg,#101D42 0%,#1b2f66 55%,#2a4790 100%) !important; min-height: 100vh;
}
/* headings/logo above the card sit on navy -> lighten */
.login-content .page-card-head, .for-login h4, .page-card-head h4, .login-content > h4 { color:#eaf0ff !important; }
/* the card itself: crisp white, elevated */
.login-content .page-card, .for-login .page-card, .page-card {
  background:#ffffff !important; border-radius:16px !important; border:0 !important;
  box-shadow:0 24px 70px rgba(0,0,0,.45) !important;
}
.login-content .app-logo, .for-login img.app-logo { height:48px !important; filter: brightness(0) invert(1); }
.btn-login, .login-content .btn-primary, .btn-primary {
  background: var(--yk-blue) !important; border-color: var(--yk-blue) !important; border-radius:8px !important; font-weight:600;
}
.btn-login:hover, .btn-primary:hover { background:#3455c4 !important; }
.login-content a, .for-login a { color: var(--yk-blue) !important; }
.form-control:focus { border-color: var(--yk-blue) !important; box-shadow:0 0 0 2px rgba(65,105,225,.15) !important; }
