:root { color-scheme: light dark; --paper:#FBF7F2; --ink:#241E1A; --soft:#5c524b; --line:#e6dcd2; --card:#ffffff; --ember:#C2410C; --link:#B8431E; }
@media (prefers-color-scheme: dark) { :root { --paper:#1C1B1A; --ink:#F3EBE4; --soft:#c4b8ae; --line:#3a3330; --card:#262321; --ember:#FF8A65; --link:#FF9E80; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
main { max-width:44rem; margin:0 auto; padding:2rem 1rem 4rem; }
header { display:flex; align-items:center; gap:.9rem; margin-bottom:1.5rem; }
header img { width:64px; height:64px; border-radius:15px; }
header p { margin:0; color:var(--soft); }
h1 { font-size:1.9rem; line-height:1.2; margin:0; }
h1 em, .lead em { font-style:normal; color:var(--ember); }
h2 { font-size:1.3rem; line-height:1.3; margin:2.4rem 0 .6rem; }
h3 { font-size:1.05rem; margin:1.4rem 0 .3rem; }
.lead { font-size:1.15rem; }
a { color:var(--link); }
.contact { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:1rem 1.2rem; }
.contact p { margin:.3rem 0; }
.lang { float:right; font-size:.95rem; }
footer { margin-top:3rem; padding-top:1rem; border-top:1px solid var(--line); color:var(--soft); font-size:.9rem; }