:root{--bg:#0b1016;--panel:#131b25;--text:#f6f7fa;--muted:#aeb9c6;--accent:#ffd84d;--green:#30d17a;--red:#ff5a67;--border:#2c3744;--blue:#74b9ff}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#091017,#101722 55%,#0b1016);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--blue);text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:28px 20px 60px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 24px;background:#080c11;border-bottom:1px solid var(--border)}.brand{color:white;font-size:21px;font-weight:800}.demo{background:#8f1c26;text-align:center;padding:8px;font-weight:900}.card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.btn,button{border:0;border-radius:12px;padding:12px 18px;font-weight:800;background:var(--green);color:#06130b;cursor:pointer}.field{display:grid;gap:6px;margin-bottom:14px}.field input,.field select,.field textarea{width:100%;padding:13px;background:#0c1219;border:1px solid #344151;color:white;border-radius:10px;font:inherit}.password-wrap{position:relative}.password-wrap input{padding-right:60px}.eye{position:absolute;right:6px;top:6px;padding:8px 10px;background:#25303b;color:white}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #26313d;text-align:left}.pill{display:inline-block;padding:4px 9px;border-radius:999px;background:#27313d;font-size:13px}.good{background:#144c31}.low{background:#604814}.critical,.out{background:#63232a}.metric{font-size:32px;font-weight:900}.muted{color:var(--muted)}h1{font-size:clamp(32px,5vw,54px);line-height:1.04}.hero{padding:42px 0}.nav{display:flex;gap:14px;flex-wrap:wrap}