:root{
  --bg:#f3f5f9;
  --card:#ffffff;
  --text:#111827;
  --muted:#6b7280;
  --border:#e5e7eb;
  --accent:#f59e0b;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text)}
.wrap{max-width:980px;margin:34px auto;padding:0 18px}
.hero{background:var(--card);border-radius:22px;padding:26px 26px;box-shadow:0 14px 40px rgba(17,24,39,.08);}
h1{margin:0 0 8px;font-size:30px;letter-spacing:-.02em}
.sub{margin:0;color:var(--muted);line-height:1.45}
.card{margin-top:18px;background:var(--card);border-radius:22px;padding:22px;box-shadow:0 14px 40px rgba(17,24,39,.08);}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:block;font-size:13px;font-weight:750;margin:4px 0 6px}
input,textarea,select{width:100%;padding:12px 12px;border:1px solid var(--border);border-radius:12px;font-size:14px;outline:none;background:#fff}
input:focus,textarea:focus,select:focus{border-color:#cbd5e1;box-shadow:0 0 0 4px rgba(245,158,11,.15)}
textarea{min-height:90px;resize:vertical}
.full{grid-column:1/-1}
.sectionTitle{font-size:22px;font-weight:900;margin:10px 0 8px}
.hr{height:1px;background:var(--border);margin:18px 0}
.checkboxGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}
.cb{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid var(--border);border-radius:16px;background:#fafafa}
.cb input{width:18px;height:18px;margin-top:3px}
.cb b{display:block;margin-bottom:3px}
.small{font-size:12px;color:var(--muted);line-height:1.35}
.notice{padding:14px 16px;border-left:4px solid var(--accent);background:#fff7ed;border-radius:14px;color:#7c2d12}
.actions{display:flex;justify-content:flex-end;margin-top:14px}
.btn{appearance:none;border:0;background:var(--accent);color:#111827;padding:14px 18px;border-radius:14px;font-weight:900;cursor:pointer;min-width:180px}
.btn:hover{filter:brightness(1.03)}
.warn{color:#b91c1c;font-weight:900;font-size:12px;margin-top:6px}
.ok{color:#065f46;font-weight:900;font-size:12px;margin-top:6px}
@media (max-width:860px){
  .grid{grid-template-columns:1fr}
  .checkboxGrid{grid-template-columns:1fr}
  h1{font-size:26px}
}