/* BERKE IOT CLOUD · V340 premium sign-in system */
:root {
  --cyan: #d4b783;
  --blue: #c7a875;
  --violet: #b8b0a4;
  --green: #b8d2bd;
  --danger: #de9290;
}
.login-shell {
  background:
    radial-gradient(900px 560px at 12% 0%, rgba(212,183,131,.09), transparent 68%),
    radial-gradient(760px 520px at 100% 100%, rgba(136,132,119,.07), transparent 70%),
    linear-gradient(145deg, #191b19 0%, #101211 72%);
}
.login-grid {
  opacity: .16;
  background:
    linear-gradient(rgba(212,183,131,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212,183,131,.035) 1px, transparent 1px);
}
.login-glow-one { background: #d4b783; opacity: .08; }
.login-glow-two { background: #a9a396; opacity: .07; }
.login-orbit { border-color: rgba(212,183,131,.09); }
.brand-logo {
  border-color: rgba(212,183,131,.27);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(62,54,39,.8), rgba(23,24,21,.98));
  box-shadow: 0 10px 28px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.07);
}
.brand-logo img { filter: drop-shadow(0 0 8px rgba(212,183,131,.16)); }
.brand-logo span { border-color: #211f19; color: #241d12; background: #d4b783; box-shadow: none; }
.brand-copy small { color: #d2bb91; }
.login-card {
  border-color: rgba(212,183,131,.2);
  border-radius: 22px;
  background: linear-gradient(148deg, rgba(31,34,30,.99), rgba(20,22,20,.995) 72%);
  box-shadow: 0 30px 86px rgba(0,0,0,.44), inset 0 1px rgba(255,255,255,.045);
}
.card-accent { background: linear-gradient(90deg, transparent, #d4b783, #b89a68, transparent); box-shadow: 0 0 13px rgba(212,183,131,.18); }
.login-symbol {
  color: #dec99f;
  border-color: rgba(212,183,131,.22);
  background: rgba(212,183,131,.08);
  box-shadow: 0 8px 24px rgba(0,0,0,.14), inset 0 1px rgba(255,255,255,.05);
}
.login-eyebrow { color: #d7bf94 !important; }
.login-card-header > p:last-child { color: #b2b4ac; }
.security-chip { border-color: rgba(212,183,131,.19); background: rgba(212,183,131,.07); }
.field-label > span { color: #b7b7af; }
.field-shell { border-color: rgba(180,181,169,.19); border-radius: 11px; background: #171a18; }
.field-shell:focus-within { border-color: rgba(212,183,131,.68); background: #1c1f1b; box-shadow: 0 0 0 3px rgba(212,183,131,.1); }
.field-shell input::placeholder { color: #898b82; opacity: .95; }
.field-shell button:focus-visible, .login-submit:focus-visible, .remember input:focus-visible + span { outline-color: #e2c998; }
.login-submit {
  border-color: rgba(239,220,185,.34);
  border-radius: 11px;
  color: #241d12;
  background: linear-gradient(105deg, #dfc898, #c4a875 70%, #d3bd90);
  box-shadow: 0 9px 24px rgba(157,123,67,.14), inset 0 1px rgba(255,255,255,.25);
}
.login-submit:hover { box-shadow: 0 13px 30px rgba(157,123,67,.2); }
.login-status { border-color: rgba(180,181,169,.14); }
.login-status > span { color: #b7b8b0; }
.login-footer { color: #85877f; }
@media (prefers-reduced-motion: reduce) { .login-card, .field-shell, .login-submit { transition-duration: .01ms !important; } }