:root { --bg:#f6f5f2; --fg:#1d1d1b; --muted:#6b6a66; --accent:#b4441f; --card:#ffffff; --line:#e4e2dc; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#161615; --fg:#f0efe9; --muted:#a3a29c; --accent:#e0703f; --card:#1f1f1d; --line:#2e2e2b; }
}
* { box-sizing:border-box; }
html,body { margin:0; min-height:100%; }
body { background:var(--bg); color:var(--fg); font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
       display:flex; align-items:center; justify-content:center; min-height:100vh; padding:24px 16px; }
main { width:100%; max-width:560px; background:var(--card); border:1px solid var(--line); border-radius:14px; padding:40px 32px; }
.mark { width:44px; height:4px; background:var(--accent); border-radius:2px; margin-bottom:28px; }
h1 { font-size:clamp(1.6rem,5vw,2.2rem); line-height:1.15; margin:0 0 14px; letter-spacing:-.01em; overflow-wrap:anywhere; }
h2 { font-size:1rem; margin:24px 0 8px; }
p { margin:0 0 18px; color:var(--muted); }
address { font-style:normal; color:var(--muted); }
a { color:var(--accent); text-decoration:none; font-weight:600; overflow-wrap:anywhere; }
a:hover, a:focus-visible { text-decoration:underline; }
footer { margin-top:28px; padding-top:18px; border-top:1px solid var(--line); font-size:.85rem; color:var(--muted); }