:root{--bg:#E9EDF1;--surface:#EEF1F4;--text:#15191F;--muted:#66707A;--accent:#4F6EF7;--border:#DDE3E8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}a{color:var(--accent);text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:0 20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:0 4px 20px #0000000a}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:10px 18px;font-weight:600;cursor:pointer}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:#fff;border:1px solid var(--border)}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fff;font:inherit}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:#e0e7ff;color:#3730a3}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:1fr 1fr}@media (max-width:700px){.grid-2{grid-template-columns:1fr}}