/* v101: Blastline Institute login designs. Chosen in Settings → Login page (data-preset on .hub-login).
   Brand blue #1239dc (star mark), deep navy #0a1470 / #060a3a. The star's rays inspire the background patterns. */
#root .hub-login{--bl-blue:#1239dc;--bl-navy:#0a1470;--bl-ink:#060a3a;transition:opacity .2s}
#root .hub-login[data-ready="0"]>*{opacity:0}
#root .hub-login>*{transition:opacity .25s}
#root .hub-login .hl-brand{display:none}
#root .hub-login .hl-brand-foot{display:none}
#root .hub-login .hub-login-card h1.hl-app{font-size:30px!important;font-weight:700!important;line-height:1.15;letter-spacing:-.025em}
#root .hub-login .hl-lockup{display:flex;flex-direction:column;align-items:center}
#root .hub-login .hl-submit:hover{filter:brightness(1.08)}
#root .hub-login .hl-submit:focus-visible{outline:2px solid #0a1470;outline-offset:2px}

/* Shared brand panel */
#root .hub-login .hl-brand-logo{width:60px;height:60px;border-radius:14px;box-shadow:0 0 0 3px rgba(255,255,255,.22),0 10px 30px rgba(0,0,0,.25);margin-bottom:28px}
#root .hub-login .hl-brand-org{font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;opacity:.82}
#root .hub-login .hl-brand-ops{font-size:clamp(36px,4.2vw,54px);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin-top:8px}
#root .hub-login .hl-brand-tag{font-size:16px;line-height:1.55;opacity:.86;max-width:440px;margin:20px 0 0}
#root .hub-login .hl-brand-ops::after{content:"";display:block;width:56px;height:4px;border-radius:2px;background:#7d9bff;margin-top:22px}

/* 1 · Classic — card over the wallpaper (or a soft blue-grey), blue top edge */
#root .hub-login[data-preset=classic] .hub-login-card{border-top:4px solid var(--bl-blue)!important}

/* 2 · Institute split — navy brand panel with star rays, form on white */
#root .hub-login[data-preset=split]{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(400px,1fr);padding:0!important;background:#fff!important;background-image:none!important}
#root .hub-login[data-preset=split] .hl-brand{display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;height:100%;padding:64px clamp(40px,6vw,96px);color:#fff;
 background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.16),transparent 38%),repeating-conic-gradient(from 200deg at 108% 108%,rgba(255,255,255,.055) 0 1.6deg,transparent 1.6deg 12deg),linear-gradient(155deg,#0a1470 0%,#1239dc 68%,#2f5bff 100%)}
#root .hub-login[data-preset=split] .hub-login-card{justify-self:center;border:0!important;box-shadow:none!important;max-width:360px!important}
#root .hub-login[data-preset=split] .hl-logo,#root .hub-login[data-preset=split] .hl-lockup{display:none!important}
#root .hub-login[data-preset=split] .hl-head{align-items:flex-start!important;text-align:left!important}
#root .hub-login[data-preset=split] .hl-app{margin-top:0!important}
#root .hub-login[data-preset=split] .hl-sub::after{content:"Sign in with your staff account";display:block;margin-top:14px;font-size:13.5px;color:#3c4043}

/* 3 · Midnight — deep navy, glow and rays, floating card */
#root .hub-login[data-preset=midnight]{background:#060a3a!important;background-image:radial-gradient(900px 520px at 50% -12%,rgba(47,91,255,.55),transparent 70%),radial-gradient(700px 480px at 105% 110%,rgba(18,57,220,.45),transparent 70%)!important}
#root .hub-login[data-preset=midnight]::before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 120%,rgba(255,255,255,.045) 0 1.2deg,transparent 1.2deg 9deg);-webkit-mask:radial-gradient(circle at 50% 120%,#000 20%,transparent 75%);mask:radial-gradient(circle at 50% 120%,#000 20%,transparent 75%)}
#root .hub-login[data-preset=midnight] .hub-login-card{position:relative;border:1px solid rgba(255,255,255,.18)!important;border-radius:20px!important;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 6px rgba(255,255,255,.04)!important}

/* 4 · Campus photo — wallpaper full-bleed with a navy fade; brand on the photo, card on the right */
#root .hub-login[data-preset=photo]{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(400px,.9fr);align-items:center;padding:0 clamp(24px,5vw,72px)!important;background-color:#0a1470!important;background-image:linear-gradient(90deg,rgba(6,10,58,.9) 0%,rgba(6,10,58,.62) 45%,rgba(6,10,58,.25) 100%),url(/api/login-wallpaper)!important;background-size:cover!important;background-position:center!important}
#root .hub-login[data-preset=photo] .hl-brand{display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:0 0 clamp(48px,9vh,96px);color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35)}
#root .hub-login[data-preset=photo] .hub-login-card{justify-self:center;background:#fff!important;border:0!important;border-radius:20px!important;box-shadow:0 24px 70px rgba(0,0,0,.4)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#root .hub-login[data-preset=photo] .hl-logo,#root .hub-login[data-preset=photo] .hl-lockup{display:none!important}
#root .hub-login[data-preset=photo] .hl-app{margin-top:0!important}

/* 5 · Minimal — white page, brand bar, wordmark */
#root .hub-login[data-preset=minimal]{background:#fff!important;background-image:none!important}
#root .hub-login[data-preset=minimal]::before{content:"";position:fixed;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#0a1470,#1239dc 60%,#2f5bff)}
#root .hub-login[data-preset=minimal] .hub-login-card{border:0!important;box-shadow:none!important;max-width:360px!important}
#root .hub-login[data-preset=minimal] .hl-logo{width:230px;height:60px!important;background:url(/assets/blastline-institute-logo.png) center/contain no-repeat;margin-bottom:6px!important}
#root .hub-login[data-preset=minimal] .hl-logo>*{display:none!important}
#root .hub-login[data-preset=minimal] .hl-org{display:none}
#root .hub-login[data-preset=minimal] .hl-ops{font-size:15px!important;margin-top:0!important}

/* Phones and narrow windows: one column, the card carries the full hierarchy */
@media (max-width:860px){
 #root .hub-login[data-preset=split],#root .hub-login[data-preset=photo]{display:flex!important;padding:20px!important}
 #root .hub-login[data-preset=split] .hl-brand,#root .hub-login[data-preset=photo] .hl-brand{display:none}
 #root .hub-login[data-preset=split] .hl-logo,#root .hub-login[data-preset=split] .hl-lockup,#root .hub-login[data-preset=photo] .hl-logo,#root .hub-login[data-preset=photo] .hl-lockup{display:flex!important}
 #root .hub-login[data-preset=split] .hl-head{align-items:center!important;text-align:center!important}
 #root .hub-login[data-preset=split]{background:#f4f6fd!important}
 #root .hub-login[data-preset=split] .hub-login-card{border-top:4px solid var(--bl-blue)!important;box-shadow:0 4px 18px rgba(60,64,67,.08)!important}
 #root .hub-login[data-preset=split] .hl-app,#root .hub-login[data-preset=photo] .hl-app{margin-top:14px!important}
}
@media (prefers-reduced-motion:reduce){#root .hub-login,#root .hub-login>*{transition:none}}