:root{--paper:#fff6e8;--card:#fffdf8;--ink:#1f1a17;--ink2:#4a413a;--muted:#7a6e63;--coral:#ff5a4e;--sun:#ffc93c;--mint:#2ec4b6;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink)}
body{font-family:'Varela Round',system-ui,sans-serif;line-height:1.6;background-image:radial-gradient(rgba(31,26,23,.06) 1px,transparent 1px);background-size:18px 18px}
h1,h2,.d{font-family:'Secular One',sans-serif;font-weight:400}
a{color:var(--ink)}a:focus-visible,button:focus-visible{outline:3px solid #5aa9ff;outline-offset:2px;border-radius:6px}
.wrap{max-width:780px;margin:0 auto;padding:0 16px}
header.top{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.mark{display:inline-flex;align-items:center;gap:10px;font-family:'Secular One';font-size:22px;text-decoration:none}
.mark img{width:40px;height:40px;border-radius:12px;border:2.5px solid var(--ink)}
nav a{margin-inline-start:18px;color:var(--ink2);text-decoration:none}nav a:hover{color:var(--ink)}
.hero{display:grid;gap:18px;padding:56px 0 36px;text-align:center;justify-items:center}
.hero h1{font-size:clamp(46px,11vw,84px);line-height:1;margin:0}.hero h1 span{color:var(--coral);display:inline-block;transform:rotate(-12deg)}
.hero p{font-size:20px;color:var(--ink2);max-width:34ch;margin:0}
.hero img{width:140px;height:140px;border-radius:32px;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 24px;border-radius:16px;border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:var(--coral);color:#fff;font-weight:700;text-decoration:none;font-size:17px}
.btn.alt{background:var(--card);color:var(--ink)}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:24px 0 48px}
.card{background:var(--card);border:2.5px solid var(--ink);border-radius:18px;box-shadow:3px 3px 0 var(--ink);padding:20px}
.card h2{font-size:19px;margin:0 0 6px}.card p{margin:0;color:var(--ink2)}
.doc{padding:16px 0 56px}.doc h1{font-size:34px;margin:16px 0 4px}.doc h2{font-size:20px;margin:28px 0 8px}.doc p,.doc li{color:#2f2925}.doc .meta{color:var(--muted);font-size:14px}
.doc hr{border:0;border-top:2px dashed rgba(31,26,23,.2);margin:40px 0}
[dir=ltr]{text-align:left}
.lb{display:grid;gap:8px;margin:0;padding:0;list-style:none}.lb li{display:flex;gap:12px;align-items:center;background:var(--card);border:2px solid var(--ink);border-radius:12px;padding:10px 14px}.lb .r{font-family:'Secular One';width:28px;text-align:center}.lb .n{flex:1}.lb .p{font-weight:800}
footer{border-top:2px dashed rgba(31,26,23,.2);padding:22px 0 40px;color:var(--muted);font-size:14px;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between}footer a{color:var(--muted)}