:root { --cream:#FBF5EA; --paper:#FFFDF8; --ink:#26242E; --muted:#5E5A66; --coral:#C4452F; --teal:#1F6F78; --line:#E8DFD0; }
@media (prefers-color-scheme: dark) { :root { --cream:#1C1A21; --paper:#25222B; --ink:#F6EFE3; --muted:#B9B2A6; --coral:#F07A62; --teal:#6FC3C8; --line:#393540; color-scheme: dark; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--cream); color:var(--ink); font:400 17px/1.65 "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 40px 20px 80px; display: grid; gap: 28px; }
header { display:flex; align-items:center; gap:14px; }
header img { width:56px; height:56px; border-radius:14px; }
header a { color:inherit; text-decoration:none; font:700 1.2rem/1.2 "Fredoka", system-ui, sans-serif; }
header small { display:block; font:700 .75rem/1.3 system-ui, sans-serif; letter-spacing:.1em; text-transform:uppercase; color:var(--teal); }
h1 { font:700 2rem/1.15 "Fredoka", system-ui, sans-serif; margin:0; }
h2 { font:600 1.2rem/1.3 "Fredoka", system-ui, sans-serif; margin:0 0 6px; }
section { background:var(--paper); border:1.5px solid var(--line); border-radius:18px; padding:22px; display:grid; gap:12px; }
p { margin:0; }
a { color:var(--teal); font-weight:700; }
.muted { color:var(--muted); font-size:.92rem; }
.lang { display:inline-block; font:800 .72rem/1 system-ui, sans-serif; letter-spacing:.12em; text-transform:uppercase; color:var(--coral); }
nav { display:flex; flex-wrap:wrap; gap:12px; }
nav a { padding:10px 16px; border-radius:999px; background:var(--paper); border:1.5px solid var(--line); text-decoration:none; }
.mail { font:700 1.05rem/1.4 ui-monospace, Menlo, monospace; user-select:all; }