/* ClusterPilot premium authentication surface.
   Scoped to the login template so dashboard pages remain untouched. */
html[data-theme] body.premium-auth-page {
  --auth-cyan:#22d3ee;
  --auth-blue:#3b82f6;
  --auth-violet:#8b5cf6;
  --auth-text:#f8fbff;
  --auth-muted:#9fb0c8;
  --auth-card:rgba(7,18,38,.84);
  --auth-line:rgba(111,184,255,.28);
  overflow:hidden;
  background:
    radial-gradient(circle at 73% 24%,rgba(76,68,200,.18),transparent 32%),
    radial-gradient(circle at 21% 43%,rgba(0,126,218,.13),transparent 31%),
    radial-gradient(circle at 70% 86%,rgba(0,195,185,.08),transparent 30%),
    linear-gradient(125deg,#02050b 0%,#030711 48%,#06101b 100%)!important;
  animation:none!important;
}
html[data-theme] body.premium-auth-page::before {
  opacity:.14!important;
  background-size:320px 196px!important;
  mix-blend-mode:screen;
}
html[data-theme] body.premium-auth-page::after {
  opacity:1!important;
  background:
    radial-gradient(circle at 25% 48%,transparent 0 20%,rgba(22,151,255,.045) 20.2%,transparent 20.6%),
    radial-gradient(circle at 25% 48%,transparent 0 27%,rgba(22,151,255,.03) 27.2%,transparent 27.55%),
    linear-gradient(90deg,rgba(34,211,238,.12),transparent 18%,transparent 82%,rgba(139,92,246,.08));
}
.premium-auth-page .page {
  width:min(100%,1380px)!important;
  min-height:100dvh;
  grid-template-columns:minmax(340px,.95fr) minmax(400px,1.05fr)!important;
  gap:clamp(48px,5.5vw,84px)!important;
  padding:clamp(38px,5vh,62px) clamp(36px,4.5vw,72px) clamp(62px,7vh,78px)!important;
}
.premium-auth-page .brand-box {
  position:relative;
  width:min(100%,460px)!important;
  transform:none!important;
}
.premium-auth-page .brand-box::before {
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:45%;
  width:min(42vw,480px);
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(36,155,255,.13) 0%,rgba(27,108,226,.075) 34%,rgba(35,66,190,.035) 53%,transparent 71%);
  filter:blur(12px);
  pointer-events:none;
}
.premium-auth-page .brand-box::after {
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:44%;
  width:min(32vw,370px);
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border:1px solid rgba(59,173,255,.09);
  border-radius:50%;
  box-shadow:
    0 0 38px rgba(24,152,255,.08),
    inset 0 0 34px rgba(83,64,255,.04);
  pointer-events:none;
}
.premium-auth-page .brand-logo {
  width:clamp(104px,8vw,132px)!important;
  margin-bottom:clamp(19px,2.5vh,27px)!important;
  filter:drop-shadow(0 18px 34px rgba(14,113,255,.24));
}
.premium-auth-page .brand-box > svg.brand-logo { display:none!important; }
.premium-auth-page .brand-raster-logo {
  display:block;
  width:clamp(104px,8vw,132px)!important;
  height:auto;
  margin:0 auto clamp(19px,2.5vh,27px)!important;
  /* Screen blend makes the raster's dark canvas disappear into the page. */
  mix-blend-mode:screen;
  filter:none;
}
.premium-auth-page .brand-title {
  font-size:clamp(64px,5.6vw,85px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
}
.premium-auth-page .brand-title span {
  display:inline!important;
  margin:0!important;
  font-size:1em!important;
  background:linear-gradient(90deg,var(--auth-cyan),#57a7ff,var(--auth-violet));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}
.premium-auth-page .brand-sub {
  margin-top:20px!important;
  color:#a9bad1!important;
  font-size:clamp(10px,.78vw,12px)!important;
  letter-spacing:.31em!important;
}

/* ClusterPilot brand refinements: match the approved control-plane direction. */
html[data-theme] body.premium-auth-page {
  background:
    radial-gradient(ellipse at 25% 47%,rgba(16,119,255,.22),transparent 0 23%),
    radial-gradient(ellipse at 74% 31%,rgba(77,58,226,.16),transparent 0 30%),
    radial-gradient(ellipse at 72% 85%,rgba(0,181,214,.08),transparent 0 30%),
    linear-gradient(115deg,#01050e 0%,#030817 49%,#061026 100%)!important;
}
html[data-theme] body.premium-auth-page::before {
  opacity:.8!important;
  background-image:url("data:image/svg+xml,%3Csvg width='520' height='420' viewBox='0 0 520 420' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%231e7bff' stroke-opacity='.24' stroke-width='1'%3E%3Cpath d='M18 26 96 82l84-52 73 58 91-46 72 74 86-29M1 160l94-25 72 72 100-42 63 71 89-38 93 76M28 334l76-59 97 44 72-63 80 61 78-55 74 49'/%3E%3Cpath d='M96 82 95 135M180 30l-13 177M253 88l14 77M344 42l-14 194M416 116l3 82M95 135 104 275M267 165l6 91M330 236l23 26M419 198l12 64'/%3E%3C/g%3E%3Cg fill='%230c75ff'%3E%3Ccircle cx='18' cy='26' r='3'/%3E%3Ccircle cx='96' cy='82' r='3'/%3E%3Ccircle cx='180' cy='30' r='3'/%3E%3Ccircle cx='253' cy='88' r='3'/%3E%3Ccircle cx='344' cy='42' r='3'/%3E%3Ccircle cx='416' cy='116' r='3'/%3E%3Ccircle cx='95' cy='135' r='3'/%3E%3Ccircle cx='167' cy='207' r='3'/%3E%3Ccircle cx='267' cy='165' r='3'/%3E%3Ccircle cx='330' cy='236' r='3'/%3E%3Ccircle cx='419' cy='198' r='3'/%3E%3Ccircle cx='104' cy='275' r='3'/%3E%3Ccircle cx='201' cy='319' r='3'/%3E%3Ccircle cx='273' cy='256' r='3'/%3E%3Ccircle cx='353' cy='317' r='3'/%3E%3Ccircle cx='431' cy='262' r='3'/%3E%3Ccircle cx='505' cy='311' r='3'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:520px 420px!important;
  background-position:left top!important;
  mix-blend-mode:screen;
}
html[data-theme] body.premium-auth-page::after {
  background:linear-gradient(90deg,rgba(4,27,64,.14),transparent 45%,rgba(56,29,125,.1))!important;
}
.premium-auth-page .brand-box { width:min(100%,520px)!important; }
.premium-auth-page .brand-logo {
  width:clamp(155px,12.5vw,205px)!important;
  margin-bottom:clamp(24px,3vh,32px)!important;
  filter:drop-shadow(0 0 18px rgba(28,125,255,.65)) drop-shadow(0 22px 42px rgba(22,57,183,.32));
}
.premium-auth-page .brand-box::before { width:min(46vw,540px); background:radial-gradient(circle,rgba(28,124,255,.2),rgba(15,84,200,.08) 36%,transparent 70%); }
.premium-auth-page .brand-sub { font-size:clamp(11px,.9vw,14px)!important; letter-spacing:.19em!important; white-space:nowrap; color:#b7c8e8!important; }
.premium-auth-page .brand-positioning {
  margin:10px 0 0!important;
  color:rgba(191,211,239,.86)!important;
  font-size:clamp(12px,.9vw,15px)!important;
  font-weight:400!important;
  letter-spacing:0!important;
  white-space:nowrap;
}
.premium-auth-page .brand-divider { display:flex;align-items:center;justify-content:center;gap:15px;margin:18px auto 17px; }
.premium-auth-page .brand-divider i { display:block;width:112px;height:2px;background:linear-gradient(90deg,transparent,#1acaff);box-shadow:0 0 12px rgba(31,185,255,.7); }
.premium-auth-page .brand-divider i:last-child { background:linear-gradient(90deg,#1acaff,transparent); }
.premium-auth-page .brand-divider b { width:14px;height:14px;transform:rotate(30deg);background:linear-gradient(135deg,#54e8ff,#246cff 58%,#9c4aff);box-shadow:0 0 16px rgba(32,150,255,.8); }
.premium-auth-page .login-side { justify-content:center!important; }
.premium-auth-page .login-box {
  position:relative;
  width:min(100%,520px)!important;
  padding:clamp(29px,2.5vw,36px) clamp(30px,2.7vw,38px) clamp(27px,2.3vw,32px)!important;
  overflow:hidden;
  background:
    linear-gradient(145deg,rgba(19,48,88,.57),rgba(4,12,28,.78)),
    var(--auth-card)!important;
  border:1px solid rgba(126,184,255,.24)!important;
  border-radius:24px!important;
  box-shadow:
    0 38px 95px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 0 70px rgba(24,123,255,.16)!important;
  backdrop-filter:blur(30px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(150%)!important;
}
.premium-auth-page .login-box::before {
  content:"";
  position:absolute;
  left:12%;right:12%;top:-1px;height:2px;
  background:linear-gradient(90deg,transparent,var(--auth-cyan),var(--auth-violet),transparent);
  opacity:.9;
}
.premium-auth-page .login-box::after {
  content:"";
  position:absolute;
  width:210px;height:210px;right:-100px;top:-110px;
  border-radius:50%;
  background:rgba(66,90,255,.12);
  filter:blur(30px);
  pointer-events:none;
}
.premium-auth-page .login-top {
  position:relative;
  z-index:1;
  margin-bottom:23px!important;
}
.premium-auth-page .auth-security-badge {
  display:flex;
  align-items:center;
  gap:10px;
  width:max-content;
  color:#9edcff;
  font-size:12px;
  font-weight:600;
  letter-spacing:.02em;
  margin-bottom:15px;
}
.premium-auth-page .login-title {
  white-space:normal!important;
  font-size:clamp(32px,2.45vw,40px)!important;
  font-weight:750!important;
  letter-spacing:-.045em!important;
  color:var(--auth-text)!important;
}
.premium-auth-page .login-subtitle {
  margin-top:6px;
  color:var(--auth-muted);
  font-size:13px;
  font-weight:400;
}
.premium-auth-page .login-form,
.premium-auth-page .mfa-panel,
.premium-auth-page .recovery-codes { position:relative;z-index:1; }
.premium-auth-page .field { margin-bottom:15px!important; }
.premium-auth-page .flbl {
  display:block!important;
  margin-bottom:7px;
  color:#eaf2ff;
  font-size:12px;
  font-weight:600;
}
.premium-auth-page .fin {
  height:52px!important;
  border-radius:10px!important;
  padding:0 50px!important;
  background:rgba(1,7,17,.82)!important;
  border:1px solid rgba(158,184,220,.34)!important;
  color:var(--auth-text)!important;
  font-size:14px!important;
}
.premium-auth-page .fin::placeholder { color:#72829a!important; }
.premium-auth-page .fin:focus {
  border-color:var(--auth-cyan)!important;
  background:rgba(1,7,17,.94)!important;
  box-shadow:0 0 0 3px rgba(34,211,238,.11),0 0 25px rgba(92,64,255,.08)!important;
}
.premium-auth-page .fin.err { border-color:#fb7185!important;box-shadow:0 0 0 3px rgba(244,63,94,.1)!important; }
.premium-auth-page .finp-icon,
.premium-auth-page .fin-toggle { color:#91a1b8!important; }
.premium-auth-page .extras {
  margin:3px 0 19px!important;
  font-size:13px!important;
  color:#cbd6e6!important;
}
.premium-auth-page .tog {
  width:20px!important;height:20px!important;
  border-radius:6px!important;
  border-color:#76869d!important;
  background:rgba(0,0,0,.2);
}
.premium-auth-page .forgot,
.premium-auth-page .link-btn { color:#38bdf8!important; }
.premium-auth-page .btn-wrap { position:relative; }
.premium-auth-page .btn-login {
  height:53px!important;
  border-radius:11px!important;
  background:linear-gradient(100deg,#18d4eb 0%,#4286ff 48%,#8738ef 100%)!important;
  box-shadow:0 15px 34px rgba(42,111,255,.22)!important;
  font-size:15px!important;
}
.premium-auth-page .btn-login:hover {
  transform:translateY(-2px)!important;
  filter:brightness(1.07)!important;
  box-shadow:0 18px 42px rgba(56,126,255,.3)!important;
}
.premium-auth-page .btn-inner { transition:transform .22s ease; }
.premium-auth-page .btn-login:hover .btn-inner { transform:translateX(4px); }
.premium-auth-page .login-security-note {
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:12px;
  margin-top:30px;
  padding-top:22px;
  border-top:1px solid rgba(133,171,226,.13);
  color:#8ccfff;
  text-align:left;
}
.premium-auth-page .login-security-note strong,
.premium-auth-page .login-security-note span { display:block; }
.premium-auth-page .login-security-note strong { color:#c8d8ef; font-size:12px; font-weight:600; }
.premium-auth-page .login-security-note span { margin-top:4px; color:#8ea1bd; font-size:11px; }
.premium-auth-page .btn-login:focus-visible,
.premium-auth-page .link-btn:focus-visible,
.premium-auth-page .forgot:focus-visible,
.premium-auth-page .inv-explore-bottom-link:focus-visible {
  outline:2px solid var(--auth-cyan);
  outline-offset:3px;
}
.premium-auth-page .err-box {
  border-radius:11px!important;
  background:rgba(153,27,52,.22)!important;
  border-color:rgba(251,113,133,.52)!important;
  color:#ffe4e8!important;
  font-size:13px!important;
}
.premium-auth-page .mfa-panel { margin-top:0!important; }
.premium-auth-page .mfa-title {
  margin:0 0 9px!important;
  color:#38c7ff!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
  font-size:19px!important;
  font-weight:650!important;
  letter-spacing:-.02em!important;
}
.premium-auth-page .mfa-sub {
  margin-bottom:15px!important;
  color:#b4c1d3!important;
  font-family:'DM Sans',sans-serif!important;
  font-size:13px!important;
  line-height:1.5!important;
}
.premium-auth-page .otp-row {
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  margin:17px 0 19px!important;
}
.premium-auth-page .otp-cell {
  min-width:0;
  width:100%!important;
  height:56px!important;
  padding:0!important;
  border-radius:11px!important;
  background:rgba(2,9,21,.7)!important;
  border:1px solid rgba(157,181,215,.42)!important;
  color:#fff!important;
  font:700 20px/1 'JetBrains Mono',monospace!important;
  letter-spacing:0!important;
}
.premium-auth-page .otp-cell:focus {
  border-color:var(--auth-cyan)!important;
  box-shadow:0 0 0 3px rgba(34,211,238,.12),0 0 20px rgba(34,211,238,.14)!important;
}
.premium-auth-page .mfa-actions {
  gap:5px 12px!important;
  margin-top:14px!important;
}
.premium-auth-page .link-btn {
  padding:8px 10px!important;
  font-family:'DM Sans',sans-serif!important;
  font-size:13px!important;
  font-weight:650!important;
}
.premium-auth-page .mfa-expiry {
  margin-top:14px;
  text-align:center;
  color:#8999af;
  font-size:12px;
}
.premium-auth-page .mfa-note {
  color:#bac7d8!important;
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(151,174,206,.2)!important;
  font-family:'DM Sans',sans-serif!important;
  font-size:12px!important;
}
.premium-auth-page .manual-key { color:#d4c7ff!important; }
.premium-auth-page .inv-explore-bottom-link {
  display:inline-flex;
  align-items:center;
  gap:9px;
  bottom:18px!important;
  padding:7px 13px;
  border:1px solid rgba(104,173,231,.28);
  border-radius:999px;
  color:#b8c8dc!important;
  text-decoration:none!important;
  background:rgba(6,17,34,.62);
  backdrop-filter:blur(12px);
  font-size:13px!important;
}
.premium-auth-page .explore-rocket {
  color:#36d7ff;
  filter:drop-shadow(0 0 6px rgba(35,208,255,.88));
  transition:transform .22s ease,filter .22s ease;
}
.premium-auth-page .inv-explore-bottom-link:hover .explore-rocket {
  transform:translate(2px,-2px) rotate(-8deg);
  filter:drop-shadow(0 0 10px rgba(35,208,255,1));
}
.premium-auth-page .auth-theme-switch {
  position:fixed;
  z-index:30;
  top:max(16px,env(safe-area-inset-top));
  right:max(18px,env(safe-area-inset-right));
  display:flex;
  align-items:center;
  gap:3px;
  padding:4px;
  border:1px solid rgba(116,169,221,.25);
  border-radius:12px;
  background:rgba(3,11,24,.76);
  box-shadow:0 12px 32px rgba(0,0,0,.2);
  backdrop-filter:blur(16px) saturate(130%);
  -webkit-backdrop-filter:blur(16px) saturate(130%);
}
.premium-auth-page .standalone-theme-choice {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:28px;
  flex:0 0 30px;
  padding:0;
  border:0;
  border-radius:8px;
  color:#91a3bb;
  background:transparent;
  font:650 11px/1 'DM Sans',sans-serif;
  cursor:pointer;
}
.premium-auth-page .standalone-theme-label {
  min-width:38px;
  padding:0 5px 0 3px;
  color:#9aabc1;
  font:650 10px/1 'DM Sans',sans-serif;
  white-space:nowrap;
}
.premium-auth-page .standalone-theme-choice:hover { color:#fff;background:rgba(255,255,255,.06); }
.premium-auth-page .standalone-theme-choice.active {
  color:#fff;
  background:linear-gradient(110deg,rgba(22,199,226,.9),rgba(98,70,246,.92));
  box-shadow:0 5px 15px rgba(55,105,255,.2);
}

/* Premium authentication light mode. */
html[data-theme="light"] body.premium-auth-page {
  --auth-text:#091426;
  --auth-muted:#53657e;
  --auth-card:rgba(255,255,255,.78);
  --auth-line:rgba(86,125,174,.25);
  color:#091426!important;
  background:
    radial-gradient(circle at 74% 22%,rgba(139,92,246,.13),transparent 31%),
    radial-gradient(circle at 18% 45%,rgba(34,211,238,.17),transparent 32%),
    radial-gradient(circle at 72% 85%,rgba(14,165,233,.08),transparent 31%),
    linear-gradient(125deg,#f7fbff 0%,#eef5fc 50%,#f8f5ff 100%)!important;
}
html[data-theme="light"] body.premium-auth-page::before {
  opacity:.08!important;
  filter:invert(1);
}
html[data-theme="light"] body.premium-auth-page::after {
  background:
    radial-gradient(circle at 25% 48%,transparent 0 20%,rgba(14,165,233,.07) 20.2%,transparent 20.6%),
    radial-gradient(circle at 25% 48%,transparent 0 27%,rgba(59,130,246,.045) 27.2%,transparent 27.55%),
    linear-gradient(90deg,rgba(34,211,238,.1),transparent 18%,transparent 82%,rgba(139,92,246,.08));
}
html[data-theme="light"] .premium-auth-page .brand-title { color:#071326!important;text-shadow:none!important; }
html[data-theme="light"] .premium-auth-page .brand-sub { color:#445a75!important; }
html[data-theme="light"] .premium-auth-page .brand-box::before {
  background:radial-gradient(circle,rgba(14,165,233,.18) 0%,rgba(59,130,246,.09) 35%,rgba(139,92,246,.035) 55%,transparent 72%);
}
html[data-theme="light"] .premium-auth-page .brand-box::after {
  border-color:rgba(14,165,233,.13);
  box-shadow:0 0 38px rgba(14,165,233,.09),inset 0 0 34px rgba(139,92,246,.04);
}
html[data-theme="light"] .premium-auth-page .login-box {
  background:
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(245,249,255,.76)),
    var(--auth-card)!important;
  border-color:rgba(85,125,175,.26)!important;
  box-shadow:
    0 30px 75px rgba(42,71,112,.16),
    0 1px 0 rgba(255,255,255,.9) inset,
    0 0 48px rgba(39,151,214,.07)!important;
}
html[data-theme="light"] .premium-auth-page .auth-security-badge { color:#087aa5!important; }
html[data-theme="light"] .premium-auth-page .login-title,
html[data-theme="light"] .premium-auth-page .flbl { color:#091426!important; }
html[data-theme="light"] .premium-auth-page .login-subtitle,
html[data-theme="light"] .premium-auth-page .mfa-sub,
html[data-theme="light"] .premium-auth-page .extras { color:#53657e!important; }
html[data-theme="light"] .premium-auth-page .fin,
html[data-theme="light"] .premium-auth-page .otp-cell {
  background:rgba(248,251,255,.9)!important;
  border-color:#bccbdd!important;
  color:#0b172a!important;
}
html[data-theme="light"] .premium-auth-page .fin::placeholder { color:#718198!important; }
html[data-theme="light"] .premium-auth-page .fin:focus,
html[data-theme="light"] .premium-auth-page .otp-cell:focus {
  background:#fff!important;
  border-color:#0ea5e9!important;
  box-shadow:0 0 0 3px rgba(14,165,233,.13),0 10px 24px rgba(59,130,246,.08)!important;
}
html[data-theme="light"] .premium-auth-page .finp-icon,
html[data-theme="light"] .premium-auth-page .fin-toggle { color:#5d6f88!important; }
html[data-theme="light"] .premium-auth-page .tog { border-color:#8495aa!important;background:#fff; }
html[data-theme="light"] .premium-auth-page .mfa-note {
  color:#42546c!important;
  background:rgba(236,243,251,.8)!important;
  border-color:#c8d4e2!important;
}
html[data-theme="light"] .premium-auth-page .inv-explore-bottom-link {
  color:#33465f!important;
  background:rgba(255,255,255,.72);
  border-color:rgba(86,125,174,.26);
  box-shadow:0 10px 28px rgba(54,79,114,.1);
}
html[data-theme="light"] .premium-auth-page .auth-theme-switch {
  background:rgba(255,255,255,.78);
  border-color:rgba(85,125,175,.25);
  box-shadow:0 12px 30px rgba(49,73,108,.12);
}
html[data-theme="light"] .premium-auth-page .standalone-theme-choice,
html[data-theme="light"] .premium-auth-page .standalone-theme-label { color:#53657e; }
html[data-theme="light"] .premium-auth-page .standalone-theme-choice:hover { color:#091426;background:#e9f1fa; }
html[data-theme="light"] .premium-auth-page .standalone-theme-choice.active { color:#fff; }
@media (max-height:760px) and (min-width:981px) {
  .premium-auth-page .page { padding-top:22px!important;padding-bottom:48px!important; }
  .premium-auth-page .brand-logo, .premium-auth-page .brand-raster-logo { width:96px!important;margin-bottom:16px!important; }
  .premium-auth-page .brand-title { font-size:48px!important; }
  .premium-auth-page .brand-sub { margin-top:14px!important; }
  .premium-auth-page .login-box { padding:28px 34px!important; }
  .premium-auth-page .login-top { margin-bottom:18px!important; }
  .premium-auth-page .fin { height:48px!important; }
  .premium-auth-page .btn-login { height:49px!important; }
  .premium-auth-page .field { margin-bottom:12px!important; }
}
.premium-auth-page .inv-explore-bottom-link:hover {
  color:#fff!important;
  border-color:rgba(34,211,238,.55);
}
@media (max-width:980px) {
  html[data-theme] body.premium-auth-page { overflow:auto!important; }
  .premium-auth-page .page {
    grid-template-columns:1fr!important;
    gap:28px!important;
    padding:34px 20px 84px!important;
  }
  .premium-auth-page .brand-side { padding-top:0!important; }
  .premium-auth-page .brand-logo, .premium-auth-page .brand-raster-logo { width:92px!important;margin-bottom:14px!important; }
  .premium-auth-page .brand-title { font-size:42px!important; }
  .premium-auth-page .brand-title span { margin-top:8px!important; }
  .premium-auth-page .brand-sub { margin-top:14px!important;font-size:10px!important; }
  .premium-auth-page .login-box { width:min(100%,520px)!important;padding:30px!important; }
}
@media (max-width:560px) {
  .premium-auth-page .page { gap:20px!important;padding:24px 14px 76px!important; }
  .premium-auth-page .brand-logo, .premium-auth-page .brand-raster-logo { width:68px!important;margin-bottom:10px!important; }
  .premium-auth-page .brand-title { font-size:32px!important; }
  .premium-auth-page .brand-sub { letter-spacing:.2em!important; }
  .premium-auth-page .login-box { padding:25px 18px!important;border-radius:22px!important; }
  .premium-auth-page .login-title { text-align:left!important;font-size:32px!important; }
  .premium-auth-page .login-subtitle { font-size:14px; }
  .premium-auth-page .auth-security-badge { margin-bottom:14px;font-size:12px; }
  .premium-auth-page .fin { height:54px!important; }
  .premium-auth-page .btn-login { height:55px!important; }
  .premium-auth-page .otp-row { gap:6px; }
  .premium-auth-page .otp-cell { height:52px!important;font-size:18px!important; }
  .premium-auth-page .extras { align-items:flex-start!important; }
  .premium-auth-page .inv-explore-bottom-link { bottom:12px!important;font-size:12px!important; }
  .premium-auth-page .auth-theme-switch { top:8px;right:8px;padding:3px; }
  .premium-auth-page .standalone-theme-choice { width:28px;height:27px;flex-basis:28px;padding:0;font-size:11px; }
  .premium-auth-page .standalone-theme-label { min-width:34px;padding-right:3px;font-size:9px; }
}
@media (max-width:380px) {
  .premium-auth-page .otp-row { gap:4px; }
  .premium-auth-page .otp-cell { height:46px!important;font-size:16px!important; }
}
@media (prefers-reduced-motion:reduce) {
  .premium-auth-page *, .premium-auth-page *::before, .premium-auth-page *::after {
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* Final left-brand adjustment: no circular backdrop, stronger standalone mark. */
.premium-auth-page .brand-box::before,
.premium-auth-page .brand-box::after { display:none!important; }
@media (min-width:981px) {
  .premium-auth-page .brand-logo {
    width:clamp(215px,14.5vw,260px)!important;
    margin-bottom:2px!important;
    filter:drop-shadow(0 0 24px rgba(28,125,255,.78)) drop-shadow(0 22px 42px rgba(22,57,183,.38));
  }
  .premium-auth-page .brand-raster-logo {
    width:clamp(195px,13vw,232px)!important;
    margin-bottom:2px!important;
    mix-blend-mode:screen;
    filter:none;
  }
}

/* Reference logo divider: longer left energy line. */
.premium-auth-page .brand-divider i:first-child { width:132px!important; }
.premium-auth-page .brand-divider i:last-child { width:132px!important; }

/* Reference-inspired network field: intentionally dark through the content area. */
html[data-theme] body.premium-auth-page,
html:not([data-theme]) body.premium-auth-page {
  background:
    linear-gradient(90deg,rgba(0,4,14,.14),rgba(1,5,17,.03) 48%,rgba(3,5,24,.12)),
    url("/static/images/clusterpilot-login-network-bg.png?v=clusterpilot-bg-1") center center / cover no-repeat fixed!important;
}
html[data-theme] body.premium-auth-page::before,
html:not([data-theme]) body.premium-auth-page::before { opacity:.18!important; }
@media (max-width:980px) {
  html[data-theme] body.premium-auth-page,
  html:not([data-theme]) body.premium-auth-page {
    /* Preserve the 16:9 artwork without distortion; crop only the quiet edges. */
    background-position:52% center!important;
    background-size:cover!important;
    background-attachment:scroll!important;
  }
}