:root{--login-bg:#080d15;--login-panel:rgba(25,35,51,.72);--login-line:rgba(173,201,244,.18);--login-text:#f2f6fc;--login-muted:#91a2ba;--login-blue:#6ea8ff}
*{box-sizing:border-box}body.login-body{min-height:100vh;margin:0;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 78% 0,rgba(66,112,183,.38),transparent 34%),radial-gradient(circle at 10% 100%,rgba(91,109,145,.18),transparent 36%),linear-gradient(145deg,#080d15,#111925 60%,#0a1019);color:var(--login-text);font:14px/1.45 Inter,Segoe UI,system-ui,sans-serif}.login-shell{width:min(430px,100%)}.login-brand{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:20px;color:var(--login-text);text-decoration:none}.login-brand img{width:66px;height:48px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(58,105,183,.3))}.login-brand span{display:grid}.login-brand b{font-size:19px}.login-brand small{color:var(--login-muted)}
.login-card{position:relative;overflow:hidden;padding:28px;background:linear-gradient(145deg,rgba(34,47,67,.8),rgba(18,27,41,.72));border:1px solid var(--login-line);border-radius:22px;box-shadow:0 28px 75px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(24px) saturate(140%)}.login-card:before{content:"";position:absolute;inset:0 0 auto;height:44%;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.09),transparent 45%)}.login-card>*{position:relative}.login-card h1{margin:0 0 5px;font-size:26px;letter-spacing:-.5px}.login-card .subtitle{margin:0 0 24px;color:var(--login-muted)}.login-card label{display:grid;gap:7px;margin:15px 0;color:#b7c5d8;font-weight:650}.login-card input{width:100%;padding:14px;border:1px solid rgba(162,194,242,.2);border-radius:12px;background:rgba(7,12,21,.6);color:var(--login-text);font:inherit;box-shadow:inset 0 2px 10px rgba(0,0,0,.24)}.login-card input:focus{outline:0;border-color:var(--login-blue);box-shadow:0 0 0 3px rgba(104,163,247,.15),inset 0 2px 10px rgba(0,0,0,.2)}.login-card button{width:100%;margin-top:8px;padding:14px;border:0;border-radius:12px;background:linear-gradient(135deg,#568fe7,#316dca);color:white;font:800 14px Inter,Segoe UI,system-ui;cursor:pointer;box-shadow:0 12px 28px rgba(45,101,190,.3)}.login-card button:active{transform:scale(.99)}.login-card .error{padding:10px 12px;border:1px solid rgba(255,126,140,.25);border-radius:10px;background:rgba(142,52,64,.22);color:#ffabb5}.login-foot{text-align:center;margin-top:16px;color:#71839c;font-size:11px}@media(max-width:480px){body.login-body{align-items:start;padding-top:9vh}.login-card{padding:22px}.login-card h1{font-size:23px}}