/* NineConnect Design v40 — visual refresh based on the approved app concept. */
:root{
  --nc-bg:#020814;--nc-bg2:#061426;--nc-panel:rgba(7,23,43,.74);--nc-panel2:rgba(5,18,34,.88);
  --nc-line:rgba(69,184,255,.28);--nc-cyan:#12c8ff;--nc-blue:#1677ff;--nc-green:#24e89b;
  --nc-text:#f6fbff;--nc-muted:#91a9bf;--nc-shadow:0 24px 70px rgba(0,0,0,.42);
}
body{background:
 radial-gradient(circle at 86% -8%,rgba(0,143,255,.22),transparent 28%),
 radial-gradient(circle at -5% 92%,rgba(0,224,255,.12),transparent 25%),
 linear-gradient(145deg,#020711 0%,#03101f 52%,#020712 100%);}
.bg-orb{opacity:.10}.orb-a{background:#0079ff}.orb-b{background:#00b6ff}

/* LOGIN */
#authGate{background:radial-gradient(circle at 16% 16%,#092747 0,transparent 30%),linear-gradient(135deg,#020711,#031528 56%,#020813)!important}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.12fr) minmax(420px,.88fr);overflow:hidden}
.login-visual{position:relative;min-height:100vh;padding:54px 58px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background-image:url('assets/hero-night.jpg');background-size:cover;background-position:center;isolation:isolate}
.login-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,7,16,.15),rgba(1,8,18,.36) 35%,rgba(1,8,19,.92) 100%);z-index:-1}
.login-visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,rgba(0,149,255,.12),transparent 32%);z-index:-1}
.login-scene-overlay{position:absolute;inset:0;border-right:1px solid rgba(55,180,255,.22);box-shadow:inset -28px 0 80px rgba(0,20,50,.42);pointer-events:none}
.login-logo-v40{position:absolute;left:48px;top:38px;width:min(470px,72%);filter:drop-shadow(0 0 24px rgba(0,151,255,.22))}
.login-logo-v40 img{display:block;width:100%;mix-blend-mode:screen;border-radius:22px}
.login-copy{max-width:650px;position:relative;z-index:2;margin-bottom:25px}.login-copy h1{font-size:clamp(2.45rem,5vw,5.2rem);line-height:.97;letter-spacing:-.055em;margin:11px 0 20px;text-shadow:0 12px 45px rgba(0,0,0,.45)}
.login-copy h1 em{font-style:normal;background:linear-gradient(90deg,#fff 0%,#17d6ff 50%,#1a75ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.login-copy p{max-width:620px;color:#c8d9e9;font-size:1.02rem;line-height:1.65;margin:0}.login-kicker{color:#25d6ff;font-size:.76rem;letter-spacing:.24em;font-weight:900}
.login-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2;max-width:670px}.login-feature-grid>div{min-height:92px;padding:15px 16px;border:1px solid rgba(47,183,255,.26);border-radius:20px;background:linear-gradient(145deg,rgba(4,24,44,.74),rgba(5,14,27,.52));backdrop-filter:blur(18px);box-shadow:0 16px 35px rgba(0,0,0,.18)}
.login-feature-grid span,.login-feature-grid b,.login-feature-grid small{display:block}.login-feature-grid span{font-size:1.25rem}.login-feature-grid b{margin-top:6px}.login-feature-grid small{margin-top:4px;color:#88a6bf}.login-signature{position:absolute;right:42px;bottom:26px;color:#dff8ff;font-family:cursive;font-size:1.4rem;font-style:italic;text-shadow:0 0 14px #00a7ff}
.login-panel{display:grid;place-items:center;padding:42px 48px;background:linear-gradient(150deg,rgba(3,14,29,.94),rgba(2,8,19,.98));position:relative}
.login-panel:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#047cff;filter:blur(150px);opacity:.08;top:-160px;right:-120px}
.login-form-wrap{width:min(520px,100%);padding:30px;border:1px solid rgba(42,175,255,.24);border-radius:30px;background:linear-gradient(145deg,rgba(9,31,55,.78),rgba(4,15,29,.72));box-shadow:0 34px 90px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(28px)}
.login-mobile-brand{display:none}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;background:rgba(1,10,21,.7);border:1px solid rgba(255,255,255,.06);border-radius:18px;margin-bottom:28px}.auth-tabs button{border:0;border-radius:13px;padding:12px;background:transparent;color:#7892aa;font-weight:800;cursor:pointer}.auth-tabs button.active{color:white;background:linear-gradient(110deg,rgba(0,181,255,.27),rgba(0,91,255,.34));box-shadow:0 0 22px rgba(0,130,255,.15)}
.auth-heading>span{color:#12c8ff;letter-spacing:.17em;font-size:.69rem;font-weight:900}.auth-heading h2{font-size:1.9rem;margin:8px 0 7px}.auth-heading p{color:#8fa8bf;line-height:1.55}
.auth-field{display:block;margin:14px 0}.auth-field>span{display:block;color:#9bb2c7;font-size:.78rem;font-weight:700;margin:0 0 7px 4px}.auth-field input{width:100%;min-height:52px;border:1px solid rgba(26,175,255,.42);border-radius:16px;background:rgba(1,12,25,.8);color:white;padding:0 16px;outline:none;box-shadow:inset 0 0 22px rgba(0,70,130,.09)}.auth-field input:focus{border-color:#17ceff;box-shadow:0 0 0 3px rgba(23,206,255,.09),0 0 30px rgba(0,142,255,.12)}
.password-field{display:grid;grid-template-columns:1fr 48px}.password-field input{grid-area:1/1/2/3;padding-right:50px}.password-field button{grid-area:1/2;z-index:2;border:0;background:transparent;color:#8ea7be;font-size:1rem}
.auth-submit{width:100%;min-height:54px;border:1px solid #28e2ff;border-radius:18px;background:linear-gradient(90deg,#00c9ef,#147cff);color:#fff;font-weight:900;font-size:1.02rem;box-shadow:0 14px 36px rgba(0,139,255,.28),0 0 25px rgba(0,196,255,.12);cursor:pointer;margin-top:7px}.auth-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}
.auth-switch-line,.auth-cross-device,.first-admin-note{border-color:rgba(42,175,255,.16)!important;background:rgba(2,14,27,.48)!important}.auth-cross-device{color:#8ea8bf!important}

/* APP SHELL */
.shell{grid-template-columns:272px 1fr}.sidebar{padding:22px 16px;border-right:1px solid rgba(42,173,255,.18);background:linear-gradient(180deg,rgba(2,9,20,.97),rgba(2,15,29,.94));box-shadow:18px 0 70px rgba(0,0,0,.23);z-index:5}
.brand{padding:2px 7px 22px;gap:10px}.brandmark-image{width:52px;height:52px;object-fit:cover;object-position:left center;border-radius:16px;filter:drop-shadow(0 0 12px rgba(0,164,255,.34))}.brand strong{font-size:1.1rem;font-style:italic}.brand strong span{color:#15caff}.brand small{font-size:.58rem;letter-spacing:.15em;color:#7fa1ba}
.nav{border:1px solid transparent;padding:12px 13px;border-radius:14px;transition:.18s}.nav:hover{background:rgba(7,37,64,.65);border-color:rgba(25,176,255,.16)}.nav.active{background:linear-gradient(90deg,rgba(0,171,255,.17),rgba(12,90,186,.12));border-color:rgba(19,197,255,.26);box-shadow:inset 3px 0 0 #11d5ff,0 0 24px rgba(0,116,255,.07)}
.nav-group-title{border-color:rgba(255,255,255,.04)!important;background:rgba(255,255,255,.015)!important}.nav-group-title:hover{border-color:rgba(26,181,255,.2)!important}.nav-group-copy b{color:#eaf7ff!important}.nav-group-copy small{color:#728da5!important}
.account-box,.connection-box{border-color:rgba(29,166,255,.18)!important;background:rgba(4,23,41,.72)!important}
main{padding:24px 30px 50px;background:radial-gradient(circle at 60% -20%,rgba(0,128,255,.11),transparent 33%)}
.topbar{padding:8px 4px 14px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.035)}.overline{color:#14cfff}.live-pill,.clock,.round-btn{border-color:rgba(38,177,255,.22);background:rgba(4,24,43,.72)}.round-btn:hover{border-color:#15d2ff;color:#18d8ff}
.card{border-color:rgba(35,167,255,.20);background:linear-gradient(145deg,rgba(8,31,55,.78),rgba(3,16,31,.72));box-shadow:var(--nc-shadow)}

/* NEW OVERVIEW */
.overview-welcome{min-height:190px;display:grid;grid-template-columns:minmax(0,1fr) 360px;overflow:hidden;position:relative;padding:0}.overview-welcome:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,34,.96) 0%,rgba(3,18,34,.88) 48%,rgba(3,18,34,.08) 100%);pointer-events:none}.overview-welcome-copy{padding:30px 34px;z-index:2;align-self:center}.overview-welcome-copy h2{font-size:clamp(1.65rem,3vw,2.4rem);margin:5px 0 8px}.overview-welcome-copy p{max-width:650px;color:#91a8bd;line-height:1.55;margin:0}.wave{font-size:.85em}.overview-welcome-art{position:absolute;right:0;top:0;bottom:0;width:48%;overflow:hidden}.overview-welcome-art img{width:100%;height:100%;object-fit:cover;filter:saturate(1.18) contrast(1.05)}.overview-status-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.overview-status-row span{padding:7px 10px;border:1px solid rgba(27,184,255,.20);border-radius:999px;background:rgba(2,13,25,.47);color:#8db1ca;font-size:.72rem}.overview-status-row span:first-child{color:#8ff6c8}.overview-status-row i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#24e89b;box-shadow:0 0 12px #24e89b;margin-right:6px}.section-kicker{color:#12cfff!important;letter-spacing:.18em!important;font-size:.68rem!important;font-weight:900!important}
.overview-section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:27px 4px 12px}.overview-section-title h2{margin:4px 0 0;font-size:1.45rem}.overview-section-note{color:#6f91aa;font-size:.75rem;padding-bottom:4px}
.vehicle-overview-grid-v40{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.vehicle-card-v40{position:relative;min-height:335px;overflow:hidden;border-radius:25px;padding:0!important;border:1px solid rgba(22,196,255,.34)!important;background:#031325!important;box-shadow:0 18px 55px rgba(0,0,0,.30),inset 0 0 35px rgba(0,153,255,.05)!important;cursor:pointer}.vehicle-card-v40.ebike-home{border-color:rgba(42,233,160,.30)!important}.vehicle-card-bg{position:absolute;right:0;top:0;width:55%;height:100%;background-size:cover;background-position:center;transition:transform .35s ease}.scooter-bg{background-image:url('assets/scooter-card.jpg');background-position:center 45%}.ebike-bg{background-image:url('assets/ebike-card.jpg');background-position:center 45%}.vehicle-card-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,15,30,.98) 0%,rgba(3,18,35,.93) 47%,rgba(3,18,35,.36) 72%,rgba(2,13,25,.16) 100%)}.vehicle-card-v40:after{content:"";position:absolute;left:15%;right:10%;bottom:-40px;height:75px;background:#00b8ff;filter:blur(55px);opacity:.18}.vehicle-card-v40.ebike-home:after{background:#21e5a1}.vehicle-card-v40:hover .vehicle-card-bg{transform:scale(1.035)}.vehicle-card-v40:hover{transform:translateY(-2px);box-shadow:0 25px 65px rgba(0,0,0,.34),0 0 35px rgba(0,163,255,.09)!important}.vehicle-card-content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;min-height:335px;padding:22px}.vehicle-type{font-size:.68rem;letter-spacing:.15em;font-weight:900;color:#7fa2bb}.vehicle-home-state{padding:6px 9px!important;border:1px solid rgba(37,228,157,.21)!important;border-radius:999px!important;background:rgba(2,31,28,.58)!important;font-size:.67rem!important}.vehicle-home-state i{background:#2aef9f!important;box-shadow:0 0 10px #2aef9f}.vehicle-title-row{display:flex;justify-content:space-between;align-items:center;margin-top:27px;max-width:65%}.vehicle-title-row small{color:#6f9ab7}.vehicle-title-row h2{font-size:1.55rem;margin:3px 0 0}.vehicle-chevron{width:35px;height:35px;border:1px solid rgba(28,198,255,.25);display:grid;place-items:center;border-radius:50%;font-size:1.7rem;color:#17d8ff;background:rgba(0,128,255,.07)}.vehicle-home-stats-v40{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px!important;max-width:72%;margin-top:auto!important;margin-bottom:14px}.vehicle-home-stats-v40>div{padding:10px 9px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:rgba(0,9,19,.50)!important}.vehicle-home-stats-v40 span{font-size:.64rem!important;color:#7895ac!important}.vehicle-home-stats-v40 b{font-size:.92rem!important;color:#eefbff!important;margin-top:3px!important}.vehicle-home-stats-v40 b small{font-size:.62rem;color:#7795ad}.vehicle-card-v40 button{align-self:flex-start!important;width:auto!important;min-width:150px;margin:0!important;padding:10px 15px!important;border-radius:13px!important;border:1px solid rgba(22,205,255,.42)!important;background:linear-gradient(90deg,rgba(0,183,255,.22),rgba(0,101,255,.24))!important;color:white!important;font-weight:800!important}.vehicle-card-v40.ebike-home button{border-color:rgba(45,234,166,.34)!important;background:linear-gradient(90deg,rgba(28,202,153,.18),rgba(0,115,203,.18))!important}
.overview-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:18px}.overview-action{min-height:118px;border:1px solid rgba(28,169,255,.20);border-radius:19px;background:linear-gradient(145deg,rgba(7,30,53,.78),rgba(3,17,31,.76));color:white;padding:15px 12px;text-align:left;cursor:pointer;transition:.18s;box-shadow:0 12px 30px rgba(0,0,0,.12)}.overview-action:hover{transform:translateY(-2px);border-color:rgba(23,206,255,.48);box-shadow:0 18px 36px rgba(0,0,0,.2),0 0 20px rgba(0,156,255,.06)}.overview-action>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,rgba(0,199,255,.22),rgba(0,89,255,.17));color:#1ed7ff;font-size:1.15rem;margin-bottom:12px}.overview-action:nth-child(4)>span{color:#40e5aa}.overview-action b,.overview-action small{display:block}.overview-action b{font-size:.87rem}.overview-action small{color:#6f8da6;margin-top:4px;font-size:.67rem;line-height:1.3}

/* Existing pages inherit the new glass language. */
.dashboard-grid>.card,.settings-card,.stat-card,.battery-card,.history-card,.vehicle-card,.tour-card{border-color:rgba(27,165,255,.18)!important;background:linear-gradient(145deg,rgba(7,28,50,.78),rgba(3,16,31,.72))!important}.mode-pill{color:#16d8ff!important;border-color:rgba(18,207,255,.34)!important;background:rgba(0,170,255,.10)!important}.speed-arc{stroke:#18d6ff!important;filter:drop-shadow(0 0 9px rgba(14,201,255,.48))!important}

@media (max-width:1180px){.overview-actions{grid-template-columns:repeat(3,1fr)}.vehicle-title-row{max-width:75%}.vehicle-home-stats-v40{max-width:82%}}
@media (max-width:960px){.login-shell{grid-template-columns:1fr}.login-visual{min-height:370px;padding:34px 30px}.login-logo-v40{left:28px;top:24px;width:350px}.login-copy h1{font-size:2.75rem}.login-panel{padding:26px 18px}.login-form-wrap{margin-top:-42px;z-index:4}.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;transform:translateX(-100%)}main{padding:18px}.overview-welcome{grid-template-columns:1fr}.vehicle-overview-grid-v40{grid-template-columns:1fr}.vehicle-card-v40{min-height:310px}}
@media (max-width:700px){.login-visual{min-height:320px}.login-feature-grid{display:none}.login-signature{display:none}.login-logo-v40{width:290px}.login-copy{margin-top:110px;margin-bottom:4px}.login-copy h1{font-size:2.2rem}.login-copy p{font-size:.9rem}.login-form-wrap{padding:22px 18px;border-radius:24px}.overview-welcome{min-height:215px}.overview-welcome-art{width:65%;opacity:.65}.overview-welcome-copy{padding:24px 20px}.overview-welcome-copy p{max-width:78%}.overview-section-note{display:none}.vehicle-card-bg{width:56%}.vehicle-title-row{max-width:72%}.vehicle-home-stats-v40{max-width:100%;grid-template-columns:repeat(3,1fr)}.overview-actions{grid-template-columns:repeat(2,1fr)}.overview-action{min-height:105px}.top-actions .clock{display:none}}
@media (max-width:430px){main{padding:13px}.overview-welcome-copy p{max-width:95%}.vehicle-card-v40{min-height:320px}.vehicle-card-bg{width:62%;opacity:.78}.vehicle-card-shade{background:linear-gradient(90deg,rgba(2,15,30,.99) 0%,rgba(3,18,35,.92) 56%,rgba(3,18,35,.28) 100%)}.vehicle-title-row{max-width:82%}.vehicle-home-stats-v40>div{padding:8px 7px!important}.overview-actions{gap:9px}.overview-action{padding:13px 11px}}


/* v42 centered auth layout */
.login-visual{justify-content:center;align-items:center;text-align:center;padding:42px clamp(26px,5vw,64px)}
.login-logo-v40{position:relative;left:auto;top:auto;transform:none;width:min(470px,78%);margin:0 auto 24px}
.login-copy{max-width:760px;margin:0 auto 22px;text-align:center}
.login-copy p{margin-left:auto;margin-right:auto}
.login-feature-grid{margin:0 auto;max-width:760px}
.login-signature{position:static;right:auto;bottom:auto;margin-top:18px;text-align:center}
.login-panel{padding:34px 38px}
.login-form-wrap{width:min(560px,100%)}
.auth-tabs button{text-align:center;justify-content:center}
.auth-heading{text-align:center;margin-bottom:8px}
.auth-field,.registration-vehicle-setup,.vehicle-config-card,.vehicle-config-ebike,.auth-switch-line,.auth-cross-device,.first-admin-note{ text-align:left }
.auth-field{margin:11px 0}
.registration-vehicle-setup{margin-top:14px;padding-top:14px;gap:12px}
.register-section-title{margin-bottom:0}
.vehicle-choice{min-height:82px}
.vehicle-config-card{padding:14px}
.vehicle-config-ebike{padding:14px}
.mode-editor-head{margin-top:4px}
@media (min-width:981px){
  .login-shell{grid-template-columns:minmax(520px,1.02fr) minmax(500px,.98fr)}
}
@media (max-width:980px){
  .login-copy{margin-top:0}
  .auth-heading{text-align:left}
}


/* v43 – Anmeldung und Registrierung bewusst mittig */
@media (min-width:981px){
  .login-shell{grid-template-columns:1fr 1fr}
  .login-visual{background-position:50% 50%!important;justify-content:center!important;align-items:center!important;padding:40px clamp(34px,4vw,62px)!important}
  .login-logo-v40{position:relative!important;left:auto!important;top:auto!important;width:min(430px,78%)!important;margin:0 auto 24px!important}
  .login-copy{margin:0 auto 22px!important;text-align:center!important;max-width:720px!important}
  .login-copy p{margin-left:auto!important;margin-right:auto!important}
  .login-feature-grid{margin-left:auto!important;margin-right:auto!important;width:min(720px,100%)!important}
  .login-signature{position:static!important;margin-top:18px!important;text-align:center!important}
  .login-panel{display:flex!important;align-items:center!important;justify-content:center!important;padding:26px 34px!important}
  .login-form-wrap{width:min(560px,100%)!important;margin:auto!important;max-height:calc(100vh - 52px)!important;overflow:auto!important}
  .auth-tabs{width:100%!important;margin-left:auto!important;margin-right:auto!important}
  .auth-heading{text-align:center!important}
}
@media (max-height:760px) and (min-width:981px){.login-form-wrap{max-height:calc(100vh - 24px)!important;padding:22px!important}.login-copy h1{font-size:clamp(2.2rem,4vw,4rem)!important}.login-feature-grid>div{min-height:76px!important}}


/* =========================================================
   NineConnect v44 — full-screen hero + glass login overlay
   ========================================================= */
#authGate{overflow:auto!important;background:#020814!important}
.login-shell{
  position:relative!important;
  display:block!important;
  min-height:100vh!important;
  width:100%!important;
  overflow:hidden!important;
  background:#020814!important;
}
.login-visual{
  position:absolute!important;
  inset:0!important;
  min-height:100%!important;
  width:100%!important;
  padding:0!important;
  display:block!important;
  background-image:url('assets/hero-night.jpg')!important;
  background-size:cover!important;
  background-position:center 56%!important;
  background-repeat:no-repeat!important;
  isolation:isolate!important;
  text-align:left!important;
}
.login-visual:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:
    linear-gradient(90deg,rgba(1,7,17,.28) 0%,rgba(1,9,20,.18) 38%,rgba(1,8,18,.34) 58%,rgba(1,7,16,.64) 100%),
    linear-gradient(180deg,rgba(1,5,13,.18) 0%,rgba(1,8,18,.10) 42%,rgba(1,7,17,.56) 100%)!important;
  pointer-events:none!important;
}
.login-visual:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:radial-gradient(circle at 57% 52%,rgba(0,168,255,.14),transparent 27%)!important;
  pointer-events:none!important;
}
.login-scene-overlay{position:absolute!important;inset:0!important;z-index:0!important;border:0!important;box-shadow:inset 0 0 110px rgba(0,6,18,.42)!important}
.login-logo-v40{
  position:absolute!important;
  z-index:2!important;
  left:clamp(54px,8vw,150px)!important;
  top:clamp(38px,7vh,84px)!important;
  width:clamp(290px,30vw,500px)!important;
  margin:0!important;
  transform:none!important;
}
.login-logo-v40 img{
  width:100%!important;
  border-radius:22px!important;
  opacity:.96!important;
  box-shadow:0 20px 65px rgba(0,0,0,.28)!important;
}
.login-copy{
  position:absolute!important;
  z-index:2!important;
  left:clamp(54px,8vw,150px)!important;
  top:50%!important;
  transform:translateY(-2%)!important;
  max-width:min(44vw,760px)!important;
  margin:0!important;
  text-align:left!important;
}
.login-kicker{display:none!important}
.login-copy h1{
  margin:0!important;
  font-size:clamp(3rem,5.1vw,6rem)!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
  text-shadow:0 12px 45px rgba(0,0,0,.52)!important;
}
.login-copy h1 em{
  background:linear-gradient(90deg,#f8fcff 0%,#1edaff 50%,#1685ff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.login-feature-grid,.login-signature{display:none!important}

.login-panel{
  position:relative!important;
  z-index:4!important;
  min-height:100vh!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding:36px clamp(42px,7vw,130px)!important;
  background:transparent!important;
  pointer-events:none!important;
}
.login-panel:before{display:none!important}
.login-form-wrap{
  pointer-events:auto!important;
  width:min(610px,43vw)!important;
  max-height:calc(100vh - 54px)!important;
  overflow:auto!important;
  margin:0!important;
  padding:28px 30px!important;
  border:1px solid rgba(28,202,255,.50)!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,rgba(3,21,40,.77),rgba(2,12,27,.76))!important;
  box-shadow:0 35px 95px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.045),0 0 45px rgba(0,149,255,.10)!important;
  backdrop-filter:blur(22px) saturate(1.1)!important;
  scrollbar-width:thin!important;
}
.auth-tabs{margin-bottom:24px!important;background:rgba(1,11,23,.72)!important}
.auth-heading{text-align:center!important;margin-bottom:12px!important}
.auth-heading h2{font-size:clamp(1.65rem,2.2vw,2.25rem)!important}
.auth-heading p{max-width:560px!important;margin-left:auto!important;margin-right:auto!important}
.auth-field{margin:13px 0!important}
.auth-field input{background:rgba(1,14,29,.70)!important;backdrop-filter:blur(8px)!important}
.auth-submit{margin-top:14px!important}
.auth-cross-device,.first-admin-note,.auth-switch-line{background:rgba(2,15,29,.58)!important}
.auth-privacy{display:none!important}
.login-mobile-brand{display:none!important}

@media (max-width:1100px){
  .login-logo-v40{left:38px!important;width:340px!important}
  .login-copy{left:38px!important;max-width:42vw!important}
  .login-panel{padding:28px 32px!important}
  .login-form-wrap{width:min(570px,49vw)!important}
}
@media (max-width:850px){
  .login-shell{min-height:100vh!important;overflow:auto!important}
  .login-visual{position:fixed!important;background-position:center 54%!important}
  .login-logo-v40{left:50%!important;top:32px!important;transform:translateX(-50%)!important;width:min(360px,78vw)!important}
  .login-copy{left:50%!important;top:190px!important;transform:translateX(-50%)!important;width:min(680px,88vw)!important;max-width:none!important;text-align:center!important}
  .login-copy h1{font-size:clamp(2.45rem,9vw,4.5rem)!important}
  .login-panel{min-height:100vh!important;align-items:flex-start!important;justify-content:center!important;padding:390px 18px 28px!important}
  .login-form-wrap{width:min(620px,96vw)!important;max-height:none!important;padding:24px 20px!important;background:linear-gradient(145deg,rgba(3,20,39,.84),rgba(2,12,27,.84))!important}
}
@media (max-width:520px){
  .login-logo-v40{top:22px!important;width:min(310px,84vw)!important}
  .login-copy{top:155px!important;width:92vw!important}
  .login-copy h1{font-size:2.45rem!important}
  .login-panel{padding-top:325px!important;padding-left:10px!important;padding-right:10px!important}
  .login-form-wrap{border-radius:24px!important;padding:20px 15px!important}
  .auth-heading h2{font-size:1.65rem!important}
}