:root{--szin:#1F4E79;--hatter:#fbfaf7;--szoveg:#1d1d1f;--halvany:#5f6368;--kartya:#fff;--vonal:#e4e1da}
@media (prefers-color-scheme:dark){:root{--szin:#7fb2e5;--hatter:#15171a;--szoveg:#ececec;--halvany:#a0a4aa;--kartya:#1d2024;--vonal:#2c3036}}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--hatter);color:var(--szoveg)}
a{color:var(--szin)}main,header,footer{max-width:760px;margin:0 auto;padding:0 16px}
header{padding-top:28px}header a{text-decoration:none;font-weight:700;font-size:20px}
h1{font-size:30px;line-height:1.25;margin:28px 0 8px}h2{font-size:21px;margin-top:36px}
.alcim{color:var(--halvany);font-size:19px;margin-top:0}
.kartyak{display:grid;gap:14px;margin:24px 0}.kartya{display:block;background:var(--kartya);border:1px solid var(--vonal);border-radius:10px;padding:18px;text-decoration:none;color:inherit}
.kartya h2{margin:0 0 4px;font-size:19px;color:var(--szin)}.kartya p{margin:0;color:var(--halvany)}
.gombok{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.gomb{display:inline-block;padding:12px 20px;border-radius:8px;font-weight:600;text-decoration:none;border:2px solid var(--szin)}
.gomb.fo{background:var(--szin);color:#fff}.gomb.ki{opacity:.55;pointer-events:none}
@media (prefers-color-scheme:dark){.gomb.fo{color:#111}}
.ar{font-size:22px;font-weight:700}.megj{color:var(--halvany);font-size:14px}
.figy{border-left:4px solid #c0392b;padding:8px 14px;background:var(--kartya)}
footer{margin-top:56px;padding-bottom:40px;color:var(--halvany);font-size:14px;border-top:1px solid var(--vonal);padding-top:16px}