/* Login polish — loaded after the existing page styles. */
.login-shell { padding: clamp(16px,3vw,42px) !important; }
.login-card {
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 45px 130px rgba(0,0,0,.62), 0 0 0 1px rgba(103,232,249,.06), 0 0 80px rgba(99,102,241,.12) !important;
}
.login-card::after {
  content:'';
  position:absolute;
  inset:0;
  z-index:10;
  pointer-events:none;
  border-radius:inherit;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
}
.form-control-user, .login-card input[type='text'], .login-card input[type='password'], .login-card input[type='email'] {
  min-height: 56px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(148,163,184,.24) !important;
  background: rgba(8,15,28,.58) !important;
  color:#fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
.form-control-user:focus, .login-card input:focus {
  border-color: rgba(103,232,249,.72) !important;
  box-shadow: 0 0 0 4px rgba(103,232,249,.11), 0 13px 35px rgba(0,0,0,.18) !important;
  transform: translateY(-1px);
}
.login-card .btn-primary, .login-card button[type='submit'] {
  min-height: 54px;
  border:0 !important;
  border-radius:16px !important;
  font-weight:800 !important;
  letter-spacing:.02em;
  background:linear-gradient(135deg,#22d3ee,#6366f1 58%,#8b5cf6) !important;
  box-shadow:0 18px 40px rgba(79,70,229,.32),inset 0 1px 0 rgba(255,255,255,.25) !important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease !important;
}
.login-card .btn-primary:hover, .login-card button[type='submit']:hover { transform:translateY(-2px); filter:saturate(1.12); box-shadow:0 24px 52px rgba(79,70,229,.42) !important; }
@media(max-width:900px){ .login-card { min-height:auto !important; } }
@media(max-width:575.98px){ .login-shell{padding:10px !important}.login-card{border-radius:24px !important}.form-control-user{min-height:52px !important} }
