:root { --ink:#10211c; --muted:#61706b; --line:#dce5e1; --brand:#168b69; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#f1f5f3; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; line-height:1.65; }
a { color:inherit; text-underline-offset:3px; }
:focus-visible { outline:3px solid #1b78d0; outline-offset:3px; }
header, main, footer { width:min(100% - 2rem,760px); margin-inline:auto; }
header { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 0; }
.brand { display:flex; align-items:center; gap:.6rem; font-weight:800; text-decoration:none; }
.brand img { width:44px; height:44px; border-radius:12px; }
.back { font-size:.82rem; font-weight:750; }
main { min-height:70vh; padding:2rem clamp(1rem,5vw,3rem); border:1px solid var(--line); border-radius:24px; background:#fff; box-shadow:0 18px 50px rgba(16,33,28,.08); }
article[hidden] { display:none; }
.eyebrow { margin:0 0 .5rem; color:var(--brand); font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
h1 { margin:0 0 1.5rem; font-size:clamp(2rem,8vw,3.3rem); line-height:1; letter-spacing:-.05em; }
h2 { margin:2rem 0 .5rem; font-size:1.1rem; }
p, li { color:var(--muted); }
.notice { padding:1rem; border-inline-start:4px solid var(--brand); border-radius:4px 14px 14px 4px; background:#edf8f3; }
footer { padding:2rem 0 3rem; color:var(--muted); font-size:.78rem; }
.trademark { margin-top:2rem; font-size:.72rem; }
[dir="rtl"] body { font-family:Tahoma,Arial,sans-serif; }
@media (max-width:480px) { header { align-items:flex-start; } main { width:100%; border-inline:0; border-radius:0; } }