:root { color-scheme: light; --orange:#ff5e00; --ink:#1f2937; --muted:#6b7280; --line:#e5e7eb; }
* { box-sizing:border-box; }
body { margin:0; background:#f4f6f8; color:var(--ink); font:16px/1.65 Arial,sans-serif; }
header { background:linear-gradient(135deg,#ff9900,var(--orange)); color:#fff; padding:26px 20px; }
header div, main, footer { width:min(780px,calc(100% - 32px)); margin:auto; }
header a { color:#fff; }
main { background:#fff; margin-top:24px; margin-bottom:24px; padding:clamp(22px,5vw,44px); border-radius:14px; box-shadow:0 4px 18px rgba(0,0,0,.06); }
h1 { line-height:1.15; margin:0 0 6px; }
h2 { margin-top:30px; color:#9a3412; }
.meta, footer { color:var(--muted); font-size:14px; }
nav { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:12px; }
nav a { color:#fff; }
a { color:#b53d00; }
.field { display:grid; gap:6px; margin:16px 0; }
label { font-weight:700; }
input, select, textarea { width:100%; padding:11px; border:1px solid #cbd5e1; border-radius:8px; font:inherit; }
textarea { min-height:120px; resize:vertical; }
.check { display:flex; align-items:flex-start; gap:10px; margin:18px 0; }
.check input { width:auto; margin-top:5px; }
button { border:0; border-radius:8px; background:var(--orange); color:#fff; padding:12px 18px; font:inherit; font-weight:700; cursor:pointer; }
button.danger { background:#b91c1c; }
button:disabled { opacity:.6; cursor:wait; }
.status { margin-top:14px; padding:12px; border-radius:8px; background:#ecfdf5; color:#065f46; }
.status.error { background:#fef2f2; color:#991b1b; }
.warning { padding:14px; border-left:4px solid #f59e0b; background:#fffbeb; }
footer { padding:0 0 30px; text-align:center; }