body{
  background:
    radial-gradient(circle at 20% 10%, rgba(64,156,255,.22), transparent 30%),
    radial-gradient(circle at 90% 80%, rgba(108,60,255,.18), transparent 35%),
    #050b16 !important;
  color:#f4f7ff;
}

.pf-card,
.pf-sidebar,
.pf-topbar,
.pf-login-card,
section,
main .pf-card{
  background:rgba(26,38,68,.62) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(140%) !important;
  border-radius:18px !important;
}

input, button{
  border-radius:10px;
}

input{
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#fff !important;
}

button{
  background:linear-gradient(135deg,#38c7ff,#2987ff) !important;
  border:0 !important;
  color:#fff !important;
  box-shadow:0 10px 25px rgba(41,135,255,.28);
}

.pf-login-body{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.pf-login-card{
  width:100%;
  max-width:420px;
  padding:28px;
}

.pf-login-card input,
.pf-login-card button{
  display:block;
  width:100%;
  padding:14px;
  margin-top:14px;
}

.pf-login-error{
  padding:12px;
  border-radius:10px;
  background:rgba(255,60,60,.18);
  margin:14px 0;
}