html, body { min-height: 100%; }
body {
  background: linear-gradient(rgba(235, 240, 247, .22), rgba(235, 240, 247, .22)),
    url('/images/surf.jpg') center / cover fixed no-repeat !important;
}
.login-container {
  position: relative;
  isolation: isolate;
}
.login-container::before {
  content: '';
  position: fixed;
  inset: -4px;
  z-index: -1;
  pointer-events: none;
  background: url('/images/surf.jpg') center / cover no-repeat;
  filter: blur(2px);
  transform: scale(1.01);
}
.login-card.card,
.login-card.card.mv-glass-strong {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.78) !important;
  border-radius: 28px !important;
  background: rgba(211, 216, 226, .62) !important;
  box-shadow: 0 24px 70px rgba(31, 42, 65, .18), inset 0 1px rgba(255,255,255,.82) !important;
  -webkit-backdrop-filter: blur(30px) saturate(125%);
  backdrop-filter: blur(30px) saturate(125%);
}
.login-card .card-body { padding: 2rem !important; }
.login-logo { border-radius: 14px; }
.login-title { font-weight: 650; letter-spacing: -.035em; }
.login-card label { color: #273149; font-weight: 500; }
.login-card .form-control {
  min-height: 44px;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 14px;
  color: #222c42;
  background: rgba(248, 250, 253, .48);
  box-shadow: inset 0 1px 2px rgba(37, 48, 72, .05);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.login-card .form-control:focus {
  border-color: rgba(118, 85, 217, .48);
  background: rgba(255,255,255,.65);
  box-shadow: 0 0 0 3px rgba(118,85,217,.13);
}
.platform-notice {
  border: 1px solid rgba(255,255,255,.68);
  border-left: 3px solid rgba(118,85,217,.72) !important;
  border-radius: 16px !important;
  background: rgba(229, 231, 238, .48) !important;
  color: #4f5870 !important;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
.platform-notice strong { color: #252d43 !important; }
.login-card .btn { min-height: 42px; border-radius: 13px; }
.login-card .btn-primary { background: linear-gradient(135deg, #248df7, #0874e8); }
@media (max-width: 575.98px) {
  .login-container { padding: 1rem; }
  .login-card .card-body { padding: 1.4rem !important; }
  .login-card.card { border-radius: 23px !important; }
}