body{font-family:system-ui,sans-serif;margin:0;color:#1a202c;line-height:1.5}header,footer{background:#0f2a44;color:#fff;padding:14px 24px}header a,footer a{color:#fff;margin-right:16px;text-decoration:none}main{max-width:960px;margin:auto;padding:24px}.hero{background:linear-gradient(135deg,#0f2a44,#1f6feb);color:#fff;padding:56px 24px;text-align:center}.hero h1{font-size:2.4em;margin:0 0 12px}.btn{display:inline-block;background:#f59e0b;color:#111;padding:12px 22px;border-radius:8px;font-weight:700;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{border:1px solid #e2e8f0;border-radius:10px;padding:20px}.todo{background:#fff3cd;border:1px dashed #b7791f;padding:2px 6px;font-size:.8em;border-radius:4px}table{border-collapse:collapse;width:100%;font-size:.9em}td,th{border-bottom:1px solid #e2e8f0;padding:6px;text-align:left;vertical-align:top}form input,form select{padding:10px;margin:4px;border:1px solid #cbd5e0;border-radius:6px}