/* BERKE IOT CLOUD · V341 matching midnight sign-in */
:root {
  --cyan: #70e8ff;
  --blue: #68bfff;
  --violet: #aa97ff;
  --green: #65e6c0;
  --danger: #ff8b9a;
}
.login-shell {
  background:
    radial-gradient(900px 600px at 12% 3%, rgba(24,191,226,.17), transparent 65%),
    radial-gradient(780px 540px at 100% 100%, rgba(93,91,232,.19), transparent 66%),
    linear-gradient(145deg, #0d1c2b 0%, #08121e 60%, #0b1224 100%);
}
.login-grid {
  opacity: .22;
  background:
    linear-gradient(rgba(86,208,242,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(86,208,242,.045) 1px, transparent 1px);
}
.login-glow-one { background: #46d8f4; opacity: .14; }
.login-glow-two { background: #8778ff; opacity: .13; }
.login-orbit { border-color: rgba(102,218,255,.16); }
.brand-logo {
  border-color: rgba(100,222,249,.35);
  background: linear-gradient(145deg, rgba(21,71,94,.88), rgba(17,28,54,.98));
  box-shadow: 0 12px 32px rgba(0,0,0,.3), 0 0 26px rgba(35,190,218,.1), inset 0 1px rgba(255,255,255,.12);
}
.brand-logo img { filter: drop-shadow(0 0 10px rgba(83,218,243,.22)); }
.brand-logo span { border-color: #122336; color: #06202b; background: linear-gradient(135deg,#8af3ff,#54d9e9); box-shadow: 0 4px 13px #48d5eb44; }
.brand-copy small { color: #7be6f6; }
.login-card {
  border-color: rgba(104,211,244,.25);
  background: linear-gradient(148deg, rgba(20,38,57,.99), rgba(12,24,39,.995) 72%);
  box-shadow: 0 30px 86px rgba(0,0,0,.48), 0 0 55px rgba(35,161,202,.08), inset 0 1px rgba(255,255,255,.07);
}
.card-accent { background: linear-gradient(90deg, transparent, #6ceaff, #8d8aff, transparent); box-shadow: 0 0 18px rgba(72,214,244,.32); }
.login-symbol {
  color: #8cf0ff;
  border-color: rgba(99,221,246,.32);
  background: linear-gradient(145deg, rgba(31,151,181,.22), rgba(95,103,214,.16));
  box-shadow: 0 8px 24px rgba(0,0,0,.2), 0 0 22px rgba(36,197,222,.1), inset 0 1px rgba(255,255,255,.07);
}
.login-eyebrow { color: #78e9f7 !important; }
.login-card-header > p:last-child { color: #b3c6d8; }
.security-chip { border-color: rgba(90,220,201,.25); background: rgba(48,200,170,.08); }
.field-label > span { color: #b6cadc; }
.field-shell { border-color: rgba(134,183,210,.28); background: #0b1927; }
.field-shell:focus-within { border-color: rgba(102,225,246,.78); background: #102337; box-shadow: 0 0 0 3px rgba(84,214,238,.13), 0 0 20px rgba(84,214,238,.08); }
.field-shell input::placeholder { color: #8299ad; }
.field-shell button:focus-visible, .login-submit:focus-visible, .remember input:focus-visible + span { outline-color: #98f2ff; }
.login-submit {
  border-color: rgba(185,248,255,.48);
  color: #06212b;
  background: linear-gradient(105deg, #7ceeff, #4fcee6 60%, #7288ff);
  box-shadow: 0 9px 26px rgba(48,183,223,.24), inset 0 1px rgba(255,255,255,.38);
}
.login-submit:hover { box-shadow: 0 14px 34px rgba(48,183,223,.32), 0 0 22px rgba(106,153,255,.15); }
.login-status { border-color: rgba(128,185,210,.2); }
.login-status > span { color: #bfd2e1; }
.login-footer { color: #8da4b8; }
@media (prefers-reduced-motion: reduce) { .login-card, .field-shell, .login-submit { transition-duration: .01ms !important; } }