body.login{min-height:100vh;background:radial-gradient(circle at 15% 15%,rgba(255,119,22,.22),transparent 18%),radial-gradient(circle at 85% 20%,rgba(75,95,255,.2),transparent 25%),linear-gradient(135deg,#050b16,#071b35 55%,#07101d);position:relative;overflow:hidden}
body.login:before{content:"";position:fixed;width:320px;height:320px;border-radius:50%;left:-130px;top:-110px;background:radial-gradient(circle,#fff5a0 0 5%,#ffc62e 18%,#ff7a18 45%,rgba(255,70,0,.15) 68%,transparent 72%);filter:drop-shadow(0 0 60px rgba(255,120,40,.5));animation:omLoginPulse 8s ease-in-out infinite}
body.login:after{content:"";position:fixed;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#7ba0ff 1px,transparent 1px);background-size:90px 90px,140px 140px;background-position:0 0,30px 45px;opacity:.3;animation:omLoginStars 35s linear infinite;pointer-events:none}
#login{position:relative;z-index:2;width:390px;padding-top:8vh}.login h1 a{background-image:none!important;width:auto;height:auto;text-indent:0;font-size:0}.login h1 a:before{content:"☀";display:grid;place-items:center;width:70px;height:70px;margin:auto;border-radius:22px;background:linear-gradient(135deg,#ff7a18,#7c3cff);font-size:34px;color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.35)}
.login form{border:1px solid rgba(255,255,255,.14)!important;border-radius:22px!important;background:rgba(12,26,52,.72)!important;backdrop-filter:blur(22px);box-shadow:0 30px 80px rgba(0,0,0,.4)!important;padding:28px!important}.login label{color:#dce8ff}.login input[type=text],.login input[type=password]{border:1px solid rgba(148,163,184,.22)!important;background:#09162b!important;color:#fff!important;border-radius:10px!important}.wp-core-ui .button-primary{background:linear-gradient(90deg,#2f73ff,#7c3cff)!important;border:0!important;border-radius:10px!important;min-height:42px!important}.login #nav a,.login #backtoblog a{color:#b9c9e5!important}.login .message,.login .notice{border-radius:10px!important}
@keyframes omLoginStars{to{background-position:0 180px,30px 260px}}@keyframes omLoginPulse{50%{transform:scale(1.04)}}
@media(max-width:500px){#login{width:calc(100% - 28px)}body.login:before{width:220px;height:220px}.login form{padding:22px!important}}
@media(prefers-reduced-motion:reduce){body.login:before,body.login:after{animation:none!important}}