:root { --brand:#0f766e; --accent:#f59e0b; --ink:#0f172a; --muted:#475569; --card:#ffffff; --line:#e5e7eb; --bg:#f8fafc; }
*{box-sizing:border-box} body{margin:0;color:var(--ink);background:var(--bg);font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial;}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.row{display:flex;gap:12px} .between{justify-content:space-between} .center{align-items:center} .gap{gap:8px}
.grid2{display:grid;gap:24px;grid-template-columns:1fr} @media(min-width:900px){.grid2{grid-template-columns:1.2fr 1fr}}
.grid3{display:grid;gap:16px} @media(min-width:800px){.grid3{grid-template-columns:repeat(3,1fr)}}
.header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:50}
.header nav a{padding:12px;display:inline-block;color:var(--brand);text-decoration:none}
.brand{font-weight:800}
.logo{height:40px}
.hero{padding:48px 0}
.ph{background:#e2e8f0;border-radius:16px;min-height:260px} .ph.sm{min-height:110px} .ph.lg{min-height:300px}
.pad{padding:24px 0}
.bullets{margin:12px 0 16px 18px} .bullets li{margin:6px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}
.btn{background:var(--accent);color:#111827;padding:12px 18px;border-radius:12px;font-weight:700;text-decoration:none;display:inline-block;border:0;cursor:pointer}
.form input,.form textarea,.form select{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px}
label{font-weight:600;display:block;margin-bottom:6px}
.footer{padding:24px 0;border-top:1px solid var(--line);background:#fff}
.skip{position:absolute;left:-9999px} .skip:focus{left:16px;top:16px;background:#fff;border:2px solid #000;padding:8px;border-radius:8px}
.status{min-height:1.25rem;color:var(--muted);margin-top:8px}
.table{width:100%;border-collapse:collapse} .table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:left}
.navtabs a{margin-right:12px}