body:has(.login){background:radial-gradient(900px 520px at 8% 0,#315b9d99,transparent 65%),radial-gradient(850px 520px at 105% 100%,#9b5b244d,transparent 70%),#0b1020}body:has(.login):before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(#6ea8ff12 1px,transparent 1px),linear-gradient(90deg,#6ea8ff12 1px,transparent 1px);background-size:48px 48px}.login{position:relative;grid-template-columns:minmax(300px,520px) minmax(360px,440px);gap:10vw;max-width:1240px;margin:auto}.login:before{content:"SECURE ACCESS\A\A UNITOPT\A CONTROL\A\A ┌ LIVE SYSTEM ──────────────┐\A │ > unitopt init --secure  │\A │ > modules loaded: ok     │\A │ > audit chain: active    │\A │ > awaiting credentials_  │\A └─────────────────────────┘";white-space:pre;color:#9bc4ff;font:700 17px/1.8 ui-monospace,Consolas,monospace;letter-spacing:.06em;text-shadow:0 0 30px #6ea8ff55}.login-card{position:relative;border:1px solid #7c8cff88;box-shadow:0 0 50px #6ea8ff22,0 35px 90px #0009;background:#12182bcc}.login-card:before{content:"◉";display:grid;place-items:center;width:68px;height:68px;margin:-4px auto 18px;border-radius:50%;font-size:32px;color:#7bb3ff;border:2px solid #8f72ff;box-shadow:0 0 28px #ffae5966}.login-card button{width:100%;background:linear-gradient(135deg,#6ea8ff,#536fe7);box-shadow:0 12px 28px #4d79e944}.login-card input:focus{outline:0;border-color:#6ea8ff;box-shadow:0 0 0 3px #6ea8ff22}@media(max-width:850px){.login{grid-template-columns:1fr}.login:before{display:none}}