:root { color-scheme: light; --yellow:#f7c948; --ink:#171717; --muted:#686868; --paper:#fffdf7; }
* { box-sizing:border-box; }
body { margin:0; background:#f5f3ed; color:var(--ink); font:17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif; }
main { width:min(900px,calc(100% - 32px)); margin:40px auto; }
header,section { background:white; border:1px solid #e8e4da; border-radius:24px; padding:clamp(22px,5vw,44px); margin:0 0 18px; box-shadow:0 10px 32px rgba(0,0,0,.045); }
.brand { display:inline-flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.02em; }
.ball { width:28px; height:28px; border-radius:50%; background:var(--yellow); border:2px solid var(--ink); }
h1 { font-size:clamp(2rem,6vw,3.6rem); line-height:1.08; margin:.8rem 0; }
h2 { font-size:1.35rem; margin:0 0 .7rem; }
p,ul { margin:.6rem 0 0; }
a { color:#654900; font-weight:650; }
.button { display:inline-block; margin-top:20px; padding:12px 18px; border-radius:999px; background:var(--yellow); color:var(--ink); text-decoration:none; }
.meta { color:var(--muted); }
footer { color:var(--muted); text-align:center; padding:20px; font-size:.9rem; }
@media (max-width:560px) { main { margin:16px auto; } header,section { border-radius:18px; } }