:root{--bg:#080d14;--panel:#0d151f;--line:#223142;--text:#edf4fb;--muted:#8493a4;--green:#54e6a4;--danger:#ff6b75}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 20%,#142333 0,#080d14 55%);color:var(--text);font-family:Arial,sans-serif;display:grid;place-items:center;padding:24px}.login-shell{width:100%;max-width:440px}.login-card{border:1px solid var(--line);background:rgba(13,21,31,.96);border-radius:16px;padding:38px;box-shadow:0 30px 100px rgba(0,0,0,.5)}.brand-mark{height:43px;display:flex;gap:5px;align-items:flex-end;margin-bottom:26px}.brand-mark i{display:block;width:7px;background:var(--green);border-radius:3px}.brand-mark i:nth-child(1){height:18px}.brand-mark i:nth-child(2){height:36px}.brand-mark i:nth-child(3){height:26px}.brand-mark i:nth-child(4){height:42px}.eyebrow{font:700 10px monospace;letter-spacing:2px;color:var(--green);margin:0 0 8px}h1{font-size:28px;letter-spacing:-1px;margin:0 0 10px}.lead{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 26px}.alert{background:rgba(255,107,117,.1);border:1px solid rgba(255,107,117,.3);color:#ff9da4;border-radius:8px;padding:11px 13px;font-size:12px;margin-bottom:18px}label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#aeb9c5;margin:14px 0}input{width:100%;border:1px solid #29394a;background:#091019;color:var(--text);border-radius:8px;padding:13px 14px;font-size:14px;outline:none}input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(84,230,164,.08)}button{width:100%;margin-top:10px;border:0;border-radius:8px;padding:13px;background:var(--green);color:#06110d;font-size:13px;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.08)}footer{border-top:1px solid var(--line);margin-top:28px;padding-top:19px;color:#5f7081;font:10px monospace;display:flex;align-items:center;gap:9px}footer span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}@media(max-width:500px){.login-card{padding:28px 23px;border-radius:12px}}