body.login{display:flex;align-items:stretch;justify-content:center;min-height:100vh;background:var(--oms-bg,#0f172a);background-image:radial-gradient(900px 480px at 12% 8%,rgba(124,58,237,.28),transparent 60%),radial-gradient(800px 420px at 88% 90%,rgba(14,165,233,.16),transparent 60%);gap:0}
#login{margin:0;padding:48px 24px;width:420px;max-width:94vw;order:2;display:flex;flex-direction:column;justify-content:center}
#login h1 a{background-image:none !important;text-indent:0 !important;width:auto !important;height:auto !important;color:#fff;font-size:22px;font-weight:800}
.oms-brand{order:1;width:400px;max-width:38vw;margin:24px 0 24px 24px;border-radius:20px;padding:36px 32px;color:#fff;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(150deg,rgba(124,58,237,.55),rgba(37,99,235,.35) 55%,rgba(22,163,74,.25));border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 60px rgba(0,0,0,.4)}
.oms-brand img{max-width:180px;height:auto;margin-bottom:18px}
.oms-brand h2{margin:0 0 8px;font-size:24px;letter-spacing:-.02em}
.oms-brand p{margin:0 0 18px;color:#e2e8f0;font-size:14px}
.oms-brand ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;font-size:13px;color:#e2e8f0}
.oms-brand li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:9px 12px}
.oms-brand small{margin-top:18px;color:#94a3b8}
#loginform,#login form{background:rgba(255,255,255,.98);border:0;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.4);padding:26px}
#loginform label{color:#0f172a;font-weight:600}
#loginform .input{border:1px solid #e2e8f0;border-radius:10px;padding:9px 12px;font-size:15px}
#loginform .input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.18);outline:none}
#wp-submit{width:100%;padding:10px !important;font-size:15px !important;font-weight:700 !important;border-radius:10px !important}
.login #backtoblog a,.login #nav a{color:#cbd5e1}
.login #backtoblog a:hover,.login #nav a:hover{color:#fff}
.oms-login-text{text-align:center;color:#cbd5e1}
@media (max-width:860px){
  body.login{flex-direction:column;align-items:center}
  .oms-brand{display:none}
  #login{padding:32px 16px;width:420px}
}
