/* TankRobot Login V4 — orbital command center */
#loginView.login{background:#02030a!important}
#loginView .v4-bg{position:absolute;inset:0;overflow:hidden;z-index:0;background:
radial-gradient(circle at 18% 20%,rgba(0,225,255,.14),transparent 24%),
radial-gradient(circle at 80% 18%,rgba(112,61,255,.18),transparent 26%),
linear-gradient(145deg,#02030a 0%,#041020 46%,#09051a 100%)}
#loginView .v4-stars{position:absolute;inset:0;background-image:
radial-gradient(circle at 12% 18%,rgba(255,255,255,.55) 0 1px,transparent 1.5px),
radial-gradient(circle at 38% 12%,rgba(120,230,255,.55) 0 1px,transparent 1.5px),
radial-gradient(circle at 68% 28%,rgba(180,135,255,.50) 0 1px,transparent 1.5px),
radial-gradient(circle at 86% 66%,rgba(110,240,255,.45) 0 1px,transparent 1.5px),
radial-gradient(circle at 27% 74%,rgba(255,255,255,.35) 0 1px,transparent 1.5px);background-size:260px 220px,320px 270px,370px 300px,290px 250px,340px 280px;opacity:.55}
#loginView .v4-aurora{position:absolute;border-radius:50%;filter:blur(80px);opacity:.42;animation:v4Drift 11s ease-in-out infinite alternate}
#loginView .v4-aurora.a1{width:44vw;height:44vw;left:-10vw;top:-12vw;background:#00dfff}
#loginView .v4-aurora.a2{width:38vw;height:38vw;right:-8vw;bottom:-10vw;background:#7b3cff;animation-delay:-4s}
#loginView .v4-orb{position:absolute;left:6vw;top:10vh;width:42vw;height:42vw;max-width:650px;max-height:650px;min-width:420px;min-height:420px;border-radius:50%;display:grid;place-items:center;opacity:.58}
#loginView .v4-orb .ring{position:absolute;border:1px solid rgba(94,229,255,.30);border-radius:50%;box-shadow:0 0 26px rgba(0,219,255,.08);animation:v4Spin 18s linear infinite}
#loginView .v4-orb .r1{inset:6%;transform:rotateX(67deg) rotateZ(8deg)}
#loginView .v4-orb .r2{inset:20%;border-color:rgba(148,83,255,.32);animation-duration:12s;animation-direction:reverse}
#loginView .v4-orb .r3{inset:33%;border-style:dashed;animation-duration:8s}
#loginView .orb-core{width:24%;height:24%;border-radius:50%;background:radial-gradient(circle,#aef8ff 0 5%,#34dfff 7%,rgba(63,114,255,.42) 35%,transparent 70%);box-shadow:0 0 60px rgba(0,219,255,.42),0 0 110px rgba(112,61,255,.22)}
#loginView .v4-hex{position:absolute;right:-4%;top:5%;width:48%;height:70%;opacity:.13;background-image:
linear-gradient(30deg,rgba(91,218,255,.55) 12%,transparent 12.5%,transparent 87%,rgba(91,218,255,.55) 87.5%,rgba(91,218,255,.55)),
linear-gradient(150deg,rgba(91,218,255,.55) 12%,transparent 12.5%,transparent 87%,rgba(91,218,255,.55) 87.5%,rgba(91,218,255,.55)),
linear-gradient(30deg,rgba(91,218,255,.55) 12%,transparent 12.5%,transparent 87%,rgba(91,218,255,.55) 87.5%,rgba(91,218,255,.55)),
linear-gradient(150deg,rgba(91,218,255,.55) 12%,transparent 12.5%,transparent 87%,rgba(91,218,255,.55) 87.5%,rgba(91,218,255,.55)),
linear-gradient(60deg,rgba(126,87,255,.38) 25%,transparent 25.5%,transparent 75%,rgba(126,87,255,.38) 75%,rgba(126,87,255,.38));
background-size:70px 122px;background-position:0 0,0 0,35px 61px,35px 61px,0 0;filter:drop-shadow(0 0 8px rgba(0,220,255,.2))}
#loginView .v4-horizon{position:absolute;left:0;right:0;bottom:23%;height:1px;background:linear-gradient(90deg,transparent,rgba(73,220,255,.65),rgba(132,78,255,.65),transparent);box-shadow:0 0 20px rgba(0,220,255,.34)}
#loginView .v4-grid{position:absolute;left:-18%;right:-18%;bottom:-30%;height:60%;transform:perspective(620px) rotateX(68deg);transform-origin:bottom;background:
repeating-linear-gradient(90deg,transparent 0 90px,rgba(44,194,255,.18) 91px 93px),
repeating-linear-gradient(0deg,transparent 0 66px,rgba(137,77,255,.17) 67px 69px);mask-image:linear-gradient(to top,#000 0 65%,transparent 100%)}
#loginView .v4-scan{position:absolute;left:0;right:0;height:90px;top:-100px;background:linear-gradient(180deg,transparent,rgba(82,224,255,.06),transparent);animation:v4Scan 8s linear infinite}
#loginView .v4-node{position:absolute;width:7px;height:7px;border-radius:50%;background:#7ef2ff;box-shadow:0 0 14px #40e5ff,0 0 30px rgba(126,76,255,.55);animation:v4Pulse 3.4s ease-in-out infinite}
#loginView .n1{left:12%;top:26%}.n2{left:30%;top:16%;animation-delay:-.6s}.n3{left:52%;top:32%;animation-delay:-1.1s}.n4{right:18%;top:20%;animation-delay:-1.8s}.n5{right:9%;bottom:24%;animation-delay:-2.2s}.n6{left:42%;bottom:18%;animation-delay:-2.8s}
#loginView .login-shell{position:relative;z-index:2;width:min(1320px,100%)!important;grid-template-columns:minmax(0,1.02fr) minmax(390px,.82fr)!important;gap:48px!important}
#loginView .holo-panel{background:linear-gradient(145deg,rgba(5,19,43,.68),rgba(6,11,29,.80) 58%,rgba(29,13,60,.62))!important;border:1px solid rgba(111,231,255,.42)!important;backdrop-filter:blur(24px) saturate(150%)!important;box-shadow:0 0 0 1px rgba(255,255,255,.02) inset,0 0 60px rgba(0,221,255,.16),0 36px 120px rgba(0,0,0,.5)!important}
#loginView .login-card{background:linear-gradient(180deg,rgba(5,13,31,.72),rgba(7,8,23,.86))!important;border:1px solid rgba(116,188,255,.22)!important;backdrop-filter:blur(28px) saturate(150%)!important;box-shadow:0 36px 120px rgba(0,0,0,.58),0 0 70px rgba(95,68,255,.12)!important}
#loginView .login-card:after{content:"AI COMMAND ACCESS";position:absolute;right:24px;top:22px;font-size:9px;letter-spacing:.18em;color:#88eaff;opacity:.72}
#loginView .btn{background:linear-gradient(90deg,#10dbff,#4c79ff 50%,#a83dff)!important;box-shadow:0 0 30px rgba(56,147,255,.28)!important}
@keyframes v4Drift{0%{transform:translate3d(-2%,-2%,0) scale(1)}100%{transform:translate3d(4%,3%,0) scale(1.12)}}
@keyframes v4Spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes v4Scan{0%{transform:translateY(0)}100%{transform:translateY(120vh)}}
@keyframes v4Pulse{0%,100%{opacity:.22;transform:scale(.8)}50%{opacity:1;transform:scale(1.5)}}
@media(max-width:980px){#loginView .v4-orb{left:50%;transform:translateX(-50%);opacity:.30}#loginView .login-shell{grid-template-columns:1fr!important;max-width:720px!important}#loginView .holo-panel{transform:none!important}}
@media(max-width:620px){#loginView .login-visual{display:none!important}#loginView .login-shell{display:block!important}#loginView .v4-orb{min-width:360px;min-height:360px;width:90vw;height:90vw;opacity:.22}#loginView .v4-hex{width:90%;height:75%;opacity:.10}}
@media(prefers-reduced-motion:reduce){#loginView .v4-aurora,#loginView .ring,#loginView .v4-scan,#loginView .v4-node{animation:none!important}}