html:not(.ok){visibility:hidden}
:root{--night:#12163a;--deep:#1c2150;--lamp:#f5b94a;--mist:#eef0f8;--ink:#171a33;--line:#cfd3e8}
*{box-sizing:border-box}
body{margin:0;font-family:Figtree,system-ui,sans-serif;color:var(--ink);background:var(--mist);line-height:1.6}
a{color:inherit}
.top{background:var(--night);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px clamp(18px,5vw,64px)}
.logo{font-weight:700;text-decoration:none}
.top nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.top nav a{text-decoration:none;font-weight:500}
.top nav a:hover{color:var(--lamp)}
.btn{display:inline-block;padding:10px 20px;border-radius:10px;background:var(--lamp);color:var(--night)!important;font-weight:700;text-decoration:none}
.page{max-width:820px;margin:0 auto;padding:56px clamp(18px,5vw,40px) 80px}
h1{font-family:Amiri,serif;font-size:2.6rem;margin:0 0 8px}
h2{font-family:Amiri,serif;font-size:1.7rem;margin:32px 0 6px}
.lead{color:#4b5072;margin:0 0 28px}
.item{padding:22px 0;border-top:2px solid var(--line)}
.item h2{margin:0 0 4px}
.item p{margin:0;color:#4b5072}
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.tabs a{padding:8px 16px;border:1.5px solid var(--line);border-radius:999px;text-decoration:none;background:#fff}
.tabs a.on{background:var(--night);color:#fff;border-color:var(--night)}
footer{background:var(--night);color:#cfd3e8;padding:28px clamp(18px,5vw,64px);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.92rem}
footer a{text-decoration:none;margin-right:14px}
a:focus-visible{outline:3px solid var(--lamp);outline-offset:3px}