*{box-sizing:border-box}body{min-height:100vh;margin:0;background:#0f1318 radial-gradient(900px 480px at 0 0,rgba(168,229,198,.08) 0,transparent 60%) no-repeat;color:#eef1f5;font-family:'DM Sans',system-ui,-apple-system,"Segoe UI",sans-serif;display:grid;place-items:center;padding:20px}.login-card{width:min(100%,410px);background:#161b22;border:1px solid #252d38;border-radius:22px;padding:36px;box-shadow:0 18px 50px #0007}.brand-mark{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#22c55e,#3b82f6);color:#fff;display:grid;place-items:center;font-size:27px;font-weight:800}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;color:#7d8996;margin:24px 0 6px}.login-card h1{font-size:28px;letter-spacing:-.04em;margin:0}.intro{font-size:14px;line-height:1.6;color:#8c97a4;margin:9px 0 27px}.login-card label{display:block;font-size:13px;font-weight:700;margin-bottom:8px;color:#c4ccd5}.login-card input{width:100%;height:48px;border:1px solid #323c49;border-radius:10px;padding:0 13px;font-size:16px;outline:none;background:#11161c;color:#eef1f5}.login-card input:focus{border-color:#86d6b0;box-shadow:0 0 0 3px rgba(168,229,198,.12)}.login-card button{width:100%;height:48px;border:0;border-radius:10px;background:#22c55e;color:#16201c;font-size:14px;font-weight:800;margin-top:16px;cursor:pointer}.login-card button:hover{background:#3ddc78}.login-card button:disabled{opacity:.65}#error{font-size:12px;color:#f6b0b2;min-height:17px;margin:10px 0 0}

.login-logo{display:block;height:56px;width:auto;margin:0 0 14px}