:root{--hud-cyan:#19e5ff;--hud-blue:#168cff;--hud-amber:#ffb51b;--hud-green:#36f6a4;--hud-bg:#010713;--hud-panel:rgba(3,20,36,.9);--hud-line:rgba(26,225,255,.4);--hud-text:#eafdff;--hud-muted:#83aab9}
html{background:var(--hud-bg)}
body.login-bg{min-height:100vh;margin:0;color:var(--hud-text);background:#010713;overflow-x:hidden}
body.login-bg:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 58% 45%,rgba(0,118,158,.2),transparent 34%),linear-gradient(90deg,rgba(1,7,19,.98),rgba(2,16,29,.82) 48%,rgba(1,7,19,.97)),#010713;animation:hud-breathe 10s ease-in-out infinite alternate}
body.login-bg:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(93,233,255,.075) 4px);mix-blend-mode:screen}
.sci-fi-stage{position:fixed!important;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.satellite-hud-background{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.68;mix-blend-mode:screen;filter:saturate(1.15) contrast(1.08);transform:scale(1.015)}
.sci-fi-stage:before,.sci-fi-stage:after{content:none}
.sci-fi-grid{position:absolute;left:-20%;right:-20%;top:52%;bottom:-45%;background:linear-gradient(rgba(25,229,255,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(25,229,255,.17) 1px,transparent 1px);background-size:52px 52px;transform:perspective(420px) rotateX(64deg);transform-origin:center top;opacity:.36;animation:grid-drift 8s linear infinite}
.sci-fi-scanline{position:absolute;left:0;right:0;top:-18%;height:18%;background:linear-gradient(transparent,rgba(25,229,255,.075),transparent);animation:page-scan 7s linear infinite}
.sci-fi-orbit{position:absolute;border:1px solid rgba(25,229,255,.2)!important;border-radius:50%;box-shadow:inset 0 0 28px rgba(25,229,255,.045);animation:hud-spin 26s linear infinite}
.sci-fi-orbit:before,.sci-fi-orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--hud-cyan);box-shadow:0 0 15px var(--hud-cyan)}
.sci-fi-orbit-one{width:58vw;height:58vw;left:-27vw;top:-29vw}.sci-fi-orbit-two{width:50vw;height:50vw;right:-25vw;bottom:-28vw;animation-direction:reverse}
.sci-fi-globe{display:none!important}
.hud-radar{position:absolute;width:180px;height:180px;border:1px solid rgba(25,229,255,.28);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 24px,rgba(25,229,255,.14) 25px 26px),conic-gradient(from 0deg,rgba(25,229,255,.24),transparent 16%,transparent);box-shadow:0 0 25px rgba(25,229,255,.08);animation:hud-spin 9s linear infinite}
.hud-radar:before,.hud-radar:after{content:"";position:absolute;inset:50% 0 auto;border-top:1px solid rgba(25,229,255,.25)}.hud-radar:after{transform:rotate(90deg)}
.hud-radar i{position:absolute;inset:18px;border:2px dashed rgba(25,229,255,.33);border-radius:50%;animation:hud-spin 6s linear infinite reverse}.hud-radar b{position:absolute;width:6px;height:6px;left:63%;top:28%;border-radius:50%;background:var(--hud-amber);box-shadow:0 0 12px var(--hud-amber);animation:hud-pulse 1.4s ease-in-out infinite}
.hud-radar-left{left:3vw;bottom:6vh}.hud-radar-right{right:4vw;top:8vh;width:120px;height:120px;animation-duration:13s;animation-direction:reverse}
.hud-data-stream{position:absolute;display:flex;flex-direction:column;gap:5px;color:rgba(76,223,245,.68);font:600 9px/1.2 monospace;letter-spacing:1px}.hud-data-stream span{padding:5px 9px;border-left:2px solid var(--hud-cyan);background:linear-gradient(90deg,rgba(25,229,255,.09),transparent)}.hud-data-stream-left{left:5vw;top:18vh}.hud-data-stream-right{right:5vw;bottom:14vh;text-align:right}.hud-data-stream-right span{border-left:0;border-right:2px solid var(--hud-cyan);background:linear-gradient(270deg,rgba(25,229,255,.09),transparent)}
.sci-fi-login-shell{position:relative;z-index:3;min-height:100vh;display:grid!important;place-items:center;padding:28px!important}
.auth-wrapper{width:min(1180px,100%)!important;display:grid!important;grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr)!important;gap:42px!important;align-items:center!important}
.sci-fi-intro{padding:28px;text-shadow:0 3px 20px #000}.sci-fi-kicker,.sci-fi-status,.scanner-label,.clock-zone,.sci-fi-terminal{color:var(--hud-cyan)!important;font:600 10px/1.3 monospace!important;letter-spacing:1.7px!important}.sci-fi-kicker span,.sci-fi-status span,.scanner-label span{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--hud-green);box-shadow:0 0 12px var(--hud-green);animation:hud-pulse 1.6s ease-in-out infinite}
.sci-fi-intro h1{margin:18px 0 12px!important;color:#fff!important;font-size:clamp(2.8rem,5.7vw,5.6rem)!important;line-height:.84!important;letter-spacing:-2px!important}.sci-fi-intro h1 strong{color:transparent!important;-webkit-text-stroke:1px #64edff;text-shadow:0 0 25px rgba(25,229,255,.22)}.sci-fi-intro>p{max-width:570px;color:#a5c9d7!important;font-size:1rem}
.sci-fi-intro h1 strong{position:relative;display:inline-block;animation:command-glitch-main 5.2s steps(1,end) infinite}
.sci-fi-intro h1 strong:before,.sci-fi-intro h1 strong:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0;color:transparent;-webkit-text-stroke:1px currentColor}
.sci-fi-intro h1 strong:before{color:#ff315f;text-shadow:-2px 0 #ff315f;clip-path:inset(12% 0 64% 0);animation:command-glitch-red 5.2s steps(1,end) infinite}
.sci-fi-intro h1 strong:after{color:#20efff;text-shadow:2px 0 #20efff;clip-path:inset(62% 0 12% 0);animation:command-glitch-cyan 5.2s steps(1,end) infinite}
.sci-fi-logo-wrap{position:relative;isolation:isolate}.sci-fi-logo-wrap img{animation:logo-glitch 5.6s steps(1,end) infinite;transform-origin:center}
.medical-hud-row{display:grid!important;grid-template-columns:minmax(240px,1fr) 220px!important;gap:15px!important;margin-top:26px!important}.body-scanner,.sci-fi-clock{background:rgba(2,17,31,.79)!important;border:1px solid var(--hud-line)!important;clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));box-shadow:0 0 22px rgba(25,229,255,.1)!important}.scanner-label,.clock-zone{display:block;padding:9px 12px;border-bottom:1px solid rgba(25,229,255,.22)}.scanner-viewport{position:relative;height:185px!important;overflow:hidden}.human-scan-video{width:100%;height:100%;object-fit:cover;opacity:.8;mix-blend-mode:screen;filter:hue-rotate(142deg) saturate(1.25) contrast(1.12)}.body-scan-beam{position:absolute!important;left:0;right:0;top:0;height:4px!important;background:#bffcff!important;box-shadow:0 0 18px 6px rgba(25,229,255,.55)!important;animation:body-scan 3.5s ease-in-out infinite!important}.scanner-readout{position:absolute;right:10px;bottom:8px;display:flex;flex-direction:column;color:#fff;font:600 10px monospace;text-align:right}.scanner-readout span{color:var(--hud-cyan)}
.sci-fi-clock{padding-bottom:16px;display:flex!important;flex-direction:column;justify-content:center;text-align:center}.clock-zone{color:var(--hud-cyan)!important}#sciFiTime{display:block;margin-top:20px;color:#fff;font:600 1.85rem/1.2 monospace;text-shadow:0 0 14px rgba(25,229,255,.42)}#sciFiDate{display:block;color:var(--hud-muted);font:600 .75rem/2 monospace}.clock-bars{display:flex;justify-content:center;align-items:flex-end;gap:5px;height:25px;margin-top:12px}.clock-bars i{display:block;width:5px;height:22px;background:var(--hud-cyan);animation:bar-wave .8s ease-in-out infinite alternate}.clock-bars i:nth-child(2n){background:var(--hud-amber);animation-delay:.2s}
.sci-fi-data-row{display:flex!important;gap:12px!important;margin-top:15px!important}.sci-fi-data-row div{min-width:90px;padding:8px 12px;background:rgba(2,18,32,.75);border-left:2px solid var(--hud-cyan)}.sci-fi-data-row b,.sci-fi-data-row span{display:block}.sci-fi-data-row span{color:var(--hud-muted);font:9px monospace}
.weather-hud{margin-top:15px;padding:10px;background:linear-gradient(135deg,rgba(2,18,32,.88),rgba(5,33,49,.78));border:1px solid rgba(25,229,255,.34);box-shadow:0 0 24px rgba(25,229,255,.08);clip-path:polygon(0 9px,9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}
.weather-hud-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:8px;color:var(--hud-cyan);font:600 9px/1.2 monospace;letter-spacing:1px}.weather-hud-head strong{overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap}.weather-hud-head em{color:var(--hud-amber);font-style:normal}.weather-hud-head em.is-online{color:var(--hud-green);text-shadow:0 0 8px rgba(45,255,174,.45)}
.weather-forecast{display:grid;grid-template-columns:repeat(7,minmax(62px,1fr));gap:6px}.weather-day{position:relative;min-width:0;padding:7px 4px;text-align:center;background:rgba(0,10,21,.72);border:1px solid rgba(76,167,194,.24);font-family:monospace}.weather-day.is-today{border-color:rgba(25,229,255,.72);box-shadow:inset 0 0 13px rgba(25,229,255,.09)}.weather-day b,.weather-day strong,.weather-day small{display:block}.weather-day b{color:#8ed9e8;font-size:8px}.weather-day strong{color:#fff;font-size:10px}.weather-day small{overflow:hidden;color:#638c9c;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.weather-icon{display:block;height:24px;font-size:17px;line-height:24px;filter:saturate(.8)}
.weather-loading,.weather-error{grid-column:1/-1;min-height:55px;display:flex;align-items:center;justify-content:center;gap:9px;color:#75aabb;font:600 9px monospace;letter-spacing:1px}.weather-loading i{width:9px;height:9px;border:1px solid var(--hud-cyan);border-top-color:transparent;border-radius:50%;animation:hud-spin .8s linear infinite}.weather-error{color:var(--hud-amber)}
@media(min-width:576px){
  .weather-forecast{isolation:isolate}
  .weather-day,.body-scanner,.sci-fi-clock{position:relative;z-index:1;cursor:pointer;transform-origin:center;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,filter .22s ease}
  .weather-day:hover,.weather-day:focus-visible{z-index:8;transform:scale(1.48) translateY(-6px);border-color:var(--hud-cyan);box-shadow:0 0 34px rgba(25,229,255,.46),inset 0 0 18px rgba(25,229,255,.16);filter:brightness(1.2);outline:none}
  .body-scanner:hover,.body-scanner:focus-visible,.sci-fi-clock:hover,.sci-fi-clock:focus-visible{z-index:6;transform:scale(1.14);border-color:rgba(25,229,255,.95)!important;box-shadow:0 0 44px rgba(25,229,255,.4)!important;filter:brightness(1.14);outline:none}
}
.sci-fi-auth-form{width:100%!important}.auth-box{position:relative!important;padding:34px!important;color:var(--hud-text)!important;background:linear-gradient(150deg,rgba(6,29,48,.96),rgba(1,12,24,.98))!important;border:1px solid rgba(25,229,255,.64)!important;border-radius:2px!important;box-shadow:0 0 50px rgba(0,0,0,.5),0 0 34px rgba(25,229,255,.12)!important;clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px))}.auth-box:before{content:"";position:absolute;top:0;left:18px;width:110px;height:3px;background:var(--hud-cyan);box-shadow:0 0 14px var(--hud-cyan)}.hud-corner{position:absolute;width:18px;height:18px;border-color:var(--hud-cyan)!important}.hud-corner-tl{left:8px;top:8px;border-left:2px solid;border-top:2px solid}.hud-corner-tr{right:8px;top:8px;border-right:2px solid;border-top:2px solid}.hud-corner-bl{left:8px;bottom:8px;border-left:2px solid;border-bottom:2px solid}.hud-corner-br{right:8px;bottom:8px;border-right:2px solid;border-bottom:2px solid}.sci-fi-status{display:flex;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(25,229,255,.2);margin-bottom:18px}.sci-fi-status em{margin-left:auto;color:var(--hud-amber);font-style:normal}.sci-fi-logo-wrap{display:flex;justify-content:center}.sci-fi-logo-wrap img{width:auto!important;max-width:185px!important;max-height:95px!important;filter:drop-shadow(0 0 12px rgba(25,229,255,.24))}.auth-box h2{color:#fff!important;font-size:1.65rem!important;margin:15px 0 4px!important}.sci-fi-login-copy{color:var(--hud-muted)!important;font-size:.86rem!important;margin-bottom:22px!important}.auth-box .form-label{color:#abd1df!important;font:600 11px/1.2 monospace!important;letter-spacing:.5px}.auth-box .form-control{min-height:49px;color:#eefcff!important;background:rgba(0,9,20,.8)!important;border:1px solid rgba(76,167,194,.4)!important;border-radius:2px!important}.auth-box .form-control:focus{border-color:var(--hud-cyan)!important;box-shadow:0 0 0 2px rgba(25,229,255,.1),0 0 16px rgba(25,229,255,.12)!important}.auth-box .form-control::placeholder{color:#5e8191!important}.auth-box .input-group .btn{min-width:52px;color:#91dce8!important;background:rgba(16,67,83,.2)!important;border-color:rgba(76,167,194,.4)!important}.sci-fi-security-line{margin:13px 0 18px;color:#78acbc;font:10px monospace}.sci-fi-security-line i{color:var(--hud-green)}.auth-box .btn-primary{min-height:50px;color:#00141c!important;background:linear-gradient(100deg,#13d4ef,#5cf1ff)!important;border:1px solid #8bf7ff!important;border-radius:2px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 17px rgba(25,229,255,.18)!important}.auth-box .btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 25px rgba(25,229,255,.32)!important}.sci-fi-terminal{display:flex;align-items:center;margin-top:22px;padding-top:12px;border-top:1px solid rgba(25,229,255,.2);color:#6a96a7!important;white-space:nowrap}.sci-fi-terminal span{color:var(--hud-cyan)}.sci-fi-terminal .terminal-typing{display:inline-block;overflow:hidden;width:0;animation:terminal-type-cycle 5s steps(24,end) infinite}.sci-fi-terminal b{display:inline-block;flex:0 0 7px;width:7px;height:12px;margin-left:4px;background:var(--hud-cyan);animation:hud-blink 1s steps(1) infinite}
@keyframes hud-spin{to{transform:rotate(360deg)}}@keyframes globe-rotate{from{transform:translate(-50%,-50%) rotate(0deg) scale(.98)}50%{opacity:.9;transform:translate(-50%,-50%) rotate(180deg) scale(1.025)}to{transform:translate(-50%,-50%) rotate(360deg) scale(.98)}}@keyframes globe-orbit{from{transform:translate(-50%,-50%) rotate(-12deg) scaleX(.96);opacity:.35}to{transform:translate(-50%,-50%) rotate(348deg) scaleX(1.04);opacity:.82}}@keyframes hud-pulse{50%{opacity:.35;transform:scale(.78)}}@keyframes page-scan{to{transform:translateY(700%)}}@keyframes grid-drift{to{background-position:0 52px,52px 0}}@keyframes body-scan{0%,100%{top:2%}50%{top:96%}}@keyframes bar-wave{to{height:7px;opacity:.45}}@keyframes hud-blink{50%{opacity:0}}@keyframes hud-breathe{to{transform:scale(1.025);filter:saturate(1.25) contrast(1.1)}}
@keyframes command-glitch-main{0%,82%,86%,90%,100%{transform:translate(0);filter:none}83%{transform:translate(-2px,1px);filter:brightness(1.35)}84%{transform:translate(2px,-1px)}85%{transform:translate(-1px,0)}87%{transform:skewX(-3deg)}88%{transform:translate(2px,0);filter:brightness(1.45)}89%{transform:translate(0)}}
@keyframes command-glitch-red{0%,82%,86%,100%{opacity:0;transform:translate(0)}83%{opacity:.85;transform:translate(-5px,1px)}84%{opacity:.65;transform:translate(3px,-1px)}85%{opacity:0}}
@keyframes command-glitch-cyan{0%,86%,91%,100%{opacity:0;transform:translate(0)}87%{opacity:.9;transform:translate(5px,-1px)}88%{opacity:.7;transform:translate(-3px,1px)}89%,90%{opacity:0}}
@keyframes logo-glitch{0%,78%,82%,88%,100%{transform:translate(0) skew(0);filter:drop-shadow(0 0 12px rgba(25,229,255,.24))}79%{transform:translate(-3px,1px) skewX(-2deg);filter:drop-shadow(4px 0 #20efff) drop-shadow(-4px 0 #ff315f)}80%{transform:translate(3px,-1px) skewX(2deg);filter:drop-shadow(-3px 0 #20efff) drop-shadow(3px 0 #ff315f) brightness(1.25)}81%{transform:translate(-1px,0);filter:drop-shadow(0 0 18px rgba(25,229,255,.7))}84%{transform:translate(2px,0) scaleX(1.025);filter:drop-shadow(3px 0 #20efff) drop-shadow(-3px 0 #ff315f)}85%{transform:translate(-2px,1px) scaleX(.985)}86%,87%{transform:translate(0);filter:drop-shadow(0 0 12px rgba(25,229,255,.24))}}
@keyframes terminal-type-cycle{0%,8%{width:0}52%,72%{width:32ch}92%,100%{width:0}}
@keyframes system-online-type-cycle{0%,10%{width:0}48%,72%{width:18ch}92%,100%{width:0}}
.system-online-typing{display:inline-block;overflow:hidden;width:0;white-space:nowrap;font:inherit;color:inherit;animation:system-online-type-cycle 4.5s steps(13,end) infinite}
@media(max-width:991.98px){.hud-data-stream,.hud-radar{display:none}.auth-wrapper{grid-template-columns:1fr!important;max-width:620px}.sci-fi-intro{padding:18px 10px 0;text-align:center}.sci-fi-intro>p{margin-inline:auto}.medical-hud-row{grid-template-columns:1fr 180px!important;text-align:left}.sci-fi-data-row{justify-content:center}}
@media(max-width:575.98px){.satellite-hud-background{opacity:.4;object-position:center}.sci-fi-login-shell{padding:14px!important;align-items:start!important}.sci-fi-intro{padding:18px 0 0!important}.sci-fi-intro h1{font-size:2.45rem!important;margin:12px 0 0!important}.sci-fi-intro>p,.medical-hud-row,.sci-fi-data-row{display:none!important}.auth-wrapper{gap:2px!important}.sci-fi-auth-form{margin-top:0!important}.auth-box{margin:0 auto!important;padding:24px 20px!important}.auth-box h2{font-size:1.4rem!important}.sci-fi-logo-wrap img{max-width:155px!important}.sci-fi-orbit-one{width:120vw;height:120vw;left:-75vw}.sci-fi-orbit-two{width:110vw;height:110vw;right:-72vw}}
@media(max-width:575.98px){
  body.login-bg{position:fixed!important;inset:0;width:100%;height:100svh!important;min-height:0!important;overflow:hidden!important}
  .sci-fi-login-shell{height:100svh!important;min-height:0!important;overflow:hidden!important}
  .auth-wrapper{height:100%!important;min-height:0!important;overflow:hidden!important}
  .medical-hud-row{display:none!important}
  .body-scanner{display:none!important}
  .sci-fi-clock{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;column-gap:10px!important;width:min(220px,76vw)!important;min-height:54px!important;padding:7px 11px!important;text-align:left!important;background:rgba(2,17,31,.82)!important;border:1px solid rgba(25,229,255,.38)!important;clip-path:none!important}
  .clock-zone{display:block!important;grid-column:1/-1!important;padding:0 0 4px!important;border:0!important;font-size:.48rem!important;letter-spacing:1px!important}
  .clock-bars{display:none!important}
  #sciFiTime{margin:0!important;font-size:.9rem!important;line-height:1.1!important;white-space:nowrap!important}
  #sciFiDate{font-size:.48rem!important;line-height:1.2!important;text-align:right!important;white-space:nowrap!important}
  .sci-fi-auth-form{transform:translateY(-40px)!important}
  .weather-hud{display:none!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}