:root{color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif;color:#dce7f0;background:#080e16}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#132a2b 0,transparent 60%)}.login-card{width:100%;max-width:440px;padding:38px;background:#101a25;border:1px solid #293b4a;border-radius:14px;box-shadow:0 30px 80px #0005}.brand{font-size:11px;letter-spacing:2px;color:#7cd5bd;margin:18px 0}h1{font-size:27px;margin:18px 0}.muted,small{font-size:13px;line-height:1.7;color:#92a7ba}label{display:grid;gap:9px;font-size:13px;margin-top:22px}input{width:100%;background:#09121d;color:#e1ebf5;border:1px solid #33485a;border-radius:6px;font:inherit;padding:13px}input:focus{outline:2px solid #489f87;outline-offset:2px}button{width:100%;padding:13px;background:#286f5d;color:#e4fff5;border:1px solid #409c81;border-radius:6px;font:inherit;cursor:pointer;margin-top:27px}button:disabled{opacity:.5}#error{color:#f19b9b;font-size:13px;min-height:18px}small{display:block;text-align:center;margin-top:24px}@media(max-width:480px){body{padding:15px}.login-card{padding:27px}}