*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#172033;font-family:Arial,system-ui,sans-serif}nav{background:#111827;color:#fff;padding:16px 5%;display:flex;justify-content:space-between}nav a{color:#fff}main{max-width:1100px;margin:30px auto;padding:0 20px}.card,.hero,.stat{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:22px;margin:14px 0;box-shadow:0 4px 16px #0000000a}.hero{padding:45px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stat strong{display:block;font-size:30px;margin-top:8px}input,textarea,select{display:block;width:100%;padding:12px;margin:10px 0;border:1px solid #d1d5db;border-radius:8px}textarea{min-height:100px}button,.btn{display:inline-block;background:#111827;color:#fff;border:0;border-radius:8px;padding:11px 16px;text-decoration:none;cursor:pointer}.alert{background:#fee2e2;padding:12px;border-radius:8px}.ok{background:#dcfce7;padding:12px;border-radius:8px}code{word-break:break-all}