:root{--teal:#1CC2B6;--deep:#0E9C93;--ink:#1D2826;--muted:#5d6b68;--bg:#F5F8F7;--card:#fff;--orange:#E78755}
@media (prefers-color-scheme:dark){:root{--ink:#EAF2F0;--muted:#9AAAA6;--bg:#0F1715;--card:#18221F}}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
header{background:linear-gradient(135deg,#1CC2B6,#14A3C7);color:#fff;padding:48px 16px 56px;text-align:center}
header img{width:96px;height:96px;border-radius:22px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
header h1{margin:16px 0 4px;font-size:2rem}header p{margin:0;opacity:.9}
main{max-width:760px;margin:-28px auto 40px;padding:0 16px}
.card{background:var(--card);border-radius:20px;padding:24px;box-shadow:0 6px 20px rgba(14,58,54,.08);margin-bottom:16px}
h2{color:var(--deep);margin-top:0}@media (prefers-color-scheme:dark){h2{color:var(--teal)}}
a{color:var(--deep)}nav{text-align:center;margin:24px 0;color:var(--muted)}nav a{margin:0 10px}
ul{padding-left:20px}.muted{color:var(--muted);font-size:.9rem}
.btn{display:inline-block;background:var(--orange);color:#fff;padding:12px 22px;border-radius:14px;text-decoration:none;font-weight:700;margin-top:12px}