@font-face { font-family: 'Playfair Display'; font-weight: 400 900; font-style: normal; font-display: swap; src: url('/brand/blue/fonts/playfair-display.woff2') format('woff2'); }
/* blue login (UI_THEME=blue) */
.login-blue { background: #082c68; }
.login-blue .bg-gradient-to-br { background-image: linear-gradient(135deg, #082c68, #0b4fa8 55%, #0f8fa0); }
.login-blue .relative.hidden.overflow-hidden { background: linear-gradient(180deg, #082c68, #0b4fa8); }
.login-blue .hero-banner { object-fit: contain; object-position: bottom; }
.login-blue .relative.hidden.overflow-hidden > .relative { justify-content: flex-start; gap: 1.5rem; }
.login-blue .relative.hidden.overflow-hidden > .relative { z-index: 2; }
.login-blue .lg\:bg-slate-50 { background: linear-gradient(160deg, #eaf3fe, #f7fbff); }
.login-blue .card { border-radius: 1.2rem; border-color: #c9dcf4; box-shadow: 0 18px 40px rgba(15,74,158,.18); }
.login-blue form.card > div:first-child { background: linear-gradient(90deg, #0b5ea8, #12a8a0); color: #fff; border-bottom: 0; }
.login-blue .abtn-primary { background: linear-gradient(180deg, #2b7be0, #1a5bb8); }
.login-blue .field:focus { border-color: #2b7be0; box-shadow: 0 0 0 2px #bfd8fb; }
/* transparent logo on the blue panel: white glow keeps the blue ring readable */
.login-blue .bg-white\/95 { background: none; padding: 0; box-shadow: none; }
.login-blue .bg-white\/95 img { height: 4.6rem; filter: drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 4px rgba(255,255,255,.85)); }

.login-blue .brand-serif { font-family: 'Playfair Display', Georgia, serif; font-weight: 700; }