/* Pentagon production login parity. No DOM patcher required. */
.loginPage{
  min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
  gap:28px;align-items:center;padding:54px;position:relative;overflow:hidden;
  background:radial-gradient(circle at 20% 15%,rgba(249,115,22,.22),transparent 28%),radial-gradient(circle at 85% 20%,rgba(249,115,22,.12),transparent 28%),linear-gradient(135deg,#05070b,#100a04 55%,#0a0804)
}
.loginPage::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 78%);mask-image:radial-gradient(circle at center,black,transparent 78%);pointer-events:none}
.loginHero,.loginCard{position:relative;z-index:2}
.loginHero h1{margin:0;max-width:760px;font-size:54px;line-height:.98;letter-spacing:-2.4px;color:#f5f7fa}
.loginHero p{max-width:640px;margin:18px 0 0;color:#b8c5d3;font-size:15px;line-height:1.7}
.loginBrand{display:inline-flex;gap:14px;align-items:center;padding:4px 0 10px!important;border:0!important;background:transparent!important;border-radius:0!important;color:#fed7aa;font-weight:900;margin-bottom:18px}
.loginFeatures{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.loginFeatures span{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border-radius:12px;background:#f9731612;border:1px solid rgba(249,115,22,.18);color:#fddcb5;font-weight:800}
.loginCard{width:min(430px,100%);justify-self:end;background:#0d131bd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(249,115,22,.18);border-radius:22px;overflow:hidden;padding:28px;display:flex;flex-direction:column;gap:13px;box-shadow:0 30px 90px #0000006b,0 0 0 1px #f973160f}
.loginIcon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#f973161a;border:1px solid rgba(249,115,22,.3);color:#f97316;position:relative}
.loginIcon::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1.5px dashed rgba(249,115,22,.45);animation:radarSpin 4s linear infinite;pointer-events:none}
.loginCard h2{font-size:25px;margin:0;color:#f5f7fa}
.loginCard p{margin:0 0 4px;color:#aeb9c7;line-height:1.5}
.loginCard small{color:#7f8d9e}
.loginCard input{border-color:#263241!important;background:#091019!important;color:#f5f7fa!important}
.loginPage input:focus,.loginPage textarea:focus,.loginPage select:focus{border-color:#f97316!important;box-shadow:0 0 0 2px #f973162e!important}
.loginCard button{background:linear-gradient(135deg,#f97316,#ea580c)!important;border-color:#f9731659!important;box-shadow:0 4px 18px #f9731647;color:#fff!important}
.loginCard button:hover{filter:brightness(1.1)}
.aiOrb{position:absolute;border-radius:999px;filter:blur(10px);opacity:.65}
.aiOrb.one{width:260px;height:260px;left:-80px;bottom:-80px;background:#f973163d}
.aiOrb.two{width:220px;height:220px;right:12%;top:9%;background:#f9731621}
@keyframes radarSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){.loginPage{grid-template-columns:1fr;padding:28px}.loginCard{justify-self:stretch}.loginHero h1{font-size:42px}}
@media(max-width:560px){.loginPage{padding:18px}.loginHero h1{font-size:34px}.loginBrand{gap:10px}.loginFeatures{display:none}.loginCard{width:100%;padding:26px 22px}.loginCard button{min-height:54px}}
