:root { --ink:#22201e; --muted:#68625a; --jade:#9c700d; --jade2:#171717; --bg:#f8f2e7; --cream:#fffdf7; --line:#eadcc2; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif; line-height:1.9; }
a { color:var(--jade2); text-underline-offset:3px; }
a:focus-visible { outline:3px solid #ca993a; outline-offset:3px; }
.top { background:var(--jade2); color:white; }
.top-inner { max-width:920px; margin:auto; padding:14px 22px; display:flex; gap:16px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.top a { color:white; text-decoration:none; font-weight:650; }
.navlinks { display:flex; gap:18px; flex-wrap:wrap; }
main { max-width:920px; margin:auto; padding:35px 20px 60px; }
.hero { background:linear-gradient(115deg,#161616,#3c3020); color:white; border-radius:22px; padding:36px 32px; box-shadow:0 10px 25px rgba(15,86,75,.12); }
.hero h1 { margin:0 0 8px; font-size:clamp(26px,4.2vw,40px); line-height:1.45; }
.hero p { margin:6px 0 0; color:#ffdfa0; }
.pill { display:inline-block; border:1px solid rgba(255,255,255,.42); padding:3px 12px; font-size:.83rem; border-radius:99px; margin-bottom:14px; }
.panel { background:white; padding:25px 29px; border:1px solid var(--line); border-radius:18px; margin-top:22px; }
.panel h2 { color:var(--jade2); margin:0 0 8px; font-size:1.4rem; }
.panel h3 { font-size:1.08rem; margin:20px 0 2px; }
.panel p { margin:6px 0 12px; }
.panel ul { padding-inline-start:25px; margin:8px 0 12px; }
.button { display:inline-block; border-radius:12px; padding:9px 17px; background:var(--jade2); text-decoration:none; color:white; font-weight:700; margin:5px 0; }
.button:hover { background:var(--jade); }
.button.secondary { background:#fff2d4; color:var(--jade2); }
.mini { color:var(--muted); font-size:.94rem; }
.en { direction:ltr; text-align:left; font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif; line-height:1.75; }
.en h2,.en h3 { line-height:1.5; }
footer { text-align:center; padding:22px 16px 35px; color:var(--muted); border-top:1px solid var(--line); font-size:.93rem; }
footer a { margin-inline:9px; }
@media (max-width:550px) { .hero { padding:28px 22px; } .panel { padding:21px 20px; } main { padding:20px 14px 40px; } }

.navlinks a:hover,.top-inner>a:hover { color:#e6b82e; } .panel h2 {border-inline-start:4px solid #e4b528; padding-inline-start:12px;} .button {background:#181818;color:#f8d16a;} .button:hover {background:#34302b;} .hero .pill{color:#f6ce68;}