*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#fff;color:#111827}.topbar{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.topbar a{margin-left:10px;text-decoration:none;color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;padding:8px 12px;font-size:13px}.page{max-width:1100px;margin:0 auto;padding:24px 18px}.hero{border:1px solid #e5e7eb;border-radius:22px;padding:30px;background:linear-gradient(180deg,#fff,#f8fafc);margin-bottom:20px}.hero h1{font-size:34px;margin:0 0 8px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{border:1px solid #e5e7eb;border-radius:18px;padding:20px;background:#fff;margin-bottom:18px;box-shadow:0 8px 24px rgba(17,24,39,.04)}input,select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:12px;margin:8px 0}button{background:#111827;color:#fff;border:0;border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:700}.pill{display:inline-block;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:7px 10px;margin:3px}.numbers span{display:inline-flex;min-width:34px;height:34px;border-radius:50%;background:#111827;color:#fff;align-items:center;justify-content:center;margin:3px;font-weight:800}@media(max-width:760px){.grid{grid-template-columns:1fr}.topbar{display:block}.topbar a{display:inline-block;margin:6px 3px}.hero h1{font-size:28px}}