html{-webkit-text-size-adjust:100%}
body{margin:0;padding:0;background:#faf7f1;color:#26313d;font:17px/1.6 "Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif}
h1,h2,h3,p{margin:0;padding:0}
a{color:#0c52a6}
img,svg{vertical-align:middle}
.keret{max-width:1120px;margin:0 auto;padding:0 18px}
.fejlec{display:block;background:#fff;border-top:3px solid #0c52a6;border-bottom:1px solid #ece4d4;box-shadow:0 2px 10px rgba(38,49,61,.04)}
.fejlec .keret{overflow:hidden;padding-top:14px;padding-bottom:14px}
.logo{display:inline-block;vertical-align:middle;font-size:23px;font-weight:400;letter-spacing:-.4px;color:#26313d;text-decoration:none}
.logo svg{margin-right:9px}
.logo strong{color:#0c52a6;font-weight:800}
.szlogen{display:inline-block;float:right;margin-top:8px;font-size:14px;font-style:italic;color:#6d7683}
.fo{display:block;padding:34px 0 46px;text-align:center}
.foCim{margin:6px 0 8px;font-size:38px;line-height:1.15;font-weight:800;letter-spacing:-1px;color:#26313d}
.alDatum{margin:0 0 6px;font-size:18px;color:#5b6570}
.valaszMondat{margin:4px 0 6px;font-size:19px;color:#3c4653}
.valaszMondat strong{color:#0c52a6}
.szamlalo{display:block;margin:18px 0 6px;font-size:0;text-align:center}
.szKartya{display:inline-block;vertical-align:top;min-width:108px;margin:0 7px 10px;padding:18px 12px 14px;background:var(--kartyaHatter,#fff);border:1px solid var(--kartyaKeret,#eadfce);border-radius:18px;box-shadow:0 10px 24px rgba(38,49,61,.07)}
.szSzam{display:block;font-size:46px;line-height:1;font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:var(--kiemeloSzin,var(--digitAlap,#0c52a6))}
.szJegy{display:inline-block;overflow:hidden;height:1em;line-height:1;vertical-align:top}
.szTekercs{display:block}
.szTekercs.gordul{transition:transform .3s cubic-bezier(.45,0,.25,1)}
.szSor{display:block;height:1em;line-height:1}
.szFelirat{display:block;margin-top:7px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--feliratSzin,#6d7683)}
.szAlSor{margin:6px 0 0;font-size:14px;font-style:italic;color:var(--feliratSzin,#6d7683)}
.lejartUzenet{display:block;margin:16px 0;font-size:30px;font-weight:800;color:var(--kiemeloSzin,var(--digitAlap,#0c52a6))}
.megosztasSor{display:block;margin:14px 0 4px;text-align:center}
.gombPill{display:inline-block;vertical-align:middle;margin:0 5px 8px;padding:10px 17px;background:#fff;border:1px solid #eadfce;border-radius:999px;color:#3c4653;font-size:14px;font-weight:700;font-family:inherit;line-height:1;text-decoration:none;cursor:pointer;box-shadow:0 4px 12px rgba(38,49,61,.06);transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease}
.gombPill:hover,.gombPill:focus{background:#eef4fc;border-color:#a8c4e8;color:#0c52a6;transform:translateY(-2px)}
.gombPill:active{background:#dce9f9}
.gombIkon{margin-right:7px}
#linkMasolGomb{min-width:124px;text-align:center}
#kodMasolGomb{min-width:128px;text-align:center}
.gombPill.masolva,.gombPill.masolva:hover{background:#e9f7ee;border-color:#9fd8b2;color:#2e7d4f}
#megosztGomb{display:none}
#megosztGomb.megoszthato{display:inline-block}
.valasztoKartya{display:block;max-width:560px;margin:26px auto 0;padding:24px 22px 18px;background:#fff;border:1px solid #eadfce;border-radius:20px;box-shadow:0 12px 28px rgba(38,49,61,.08);text-align:center}
.valasztoCim{margin:0 0 14px;font-size:20px;font-weight:800;letter-spacing:-.3px}
.datumUrlap{display:block}
.datumMezo{display:inline-block;vertical-align:middle;width:200px;margin:0 8px 8px 0;padding:11px 13px;background:#faf7f1;border:1px solid #dfd6c4;border-radius:12px;color:#26313d;font-size:16px;font-family:inherit}
.datumMezo:focus{outline:none;border-color:#0c52a6;box-shadow:0 0 0 3px rgba(12,82,166,.15)}
.inditGomb{display:inline-block;vertical-align:middle;margin:0 0 8px;padding:12px 22px;background:#0c52a6;border:1px solid #0c52a6;border-radius:12px;color:#fff;font-size:16px;font-weight:700;font-family:inherit;line-height:1.2;cursor:pointer;box-shadow:0 8px 18px rgba(12,82,166,.3);transition:background .2s ease,transform .2s ease}
.inditGomb:hover,.inditGomb:focus{background:#09407e;transform:translateY(-2px)}
.gyorsChipek{display:block;margin-top:10px;padding-top:14px;border-top:1px dashed #eadfce}
.chip{display:inline-block;margin:0 4px 8px;padding:7px 13px;background:#faf7f1;border:1px solid #e5dccb;border-radius:999px;color:#5b6570;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}
.chip:hover{background:#eef4fc;border-color:#a8c4e8;color:#0c52a6}
.beagyazasSzakasz{display:block;max-width:640px;margin:34px auto 0;padding:24px 22px 20px;background:#fff;border:1px solid #eadfce;border-radius:20px;box-shadow:0 12px 28px rgba(38,49,61,.08);text-align:center}
.szakaszCim{margin:0 0 8px;font-size:22px;font-weight:800;letter-spacing:-.4px}
.szakaszSzoveg{margin:0 0 12px;font-size:15px;color:#5b6570}
.beagyazasKod{display:block;width:100%;margin:0 0 10px;padding:13px 15px;background:#f7f9fc;border:1px solid #dfe6f0;border-radius:12px;color:#3c4653;font-family:Consolas,Menlo,monospace;font-size:12.5px;line-height:1.65;text-align:left;white-space:pre-wrap;word-break:break-all;overflow-x:auto;box-sizing:border-box}
.beagyazasKod:focus-visible{outline:3px solid #0c52a6;outline-offset:2px}
.elonezetCim{margin-top:16px}
.beagyazasElonezet{display:block;width:100%;border:1px dashed #dfd6c4;border-radius:12px;background:#faf7f1}
.nepszeruSzakasz{display:block;max-width:560px;margin:36px auto 0;text-align:center}
.nepszeruLista{display:block;margin-top:14px;text-align:left}
.nepszeruSor{display:block;overflow:hidden;margin:8px 0;padding:12px 16px;background:#fff;border:1px solid #eadfce;border-radius:14px;color:#26313d;text-decoration:none;box-shadow:0 4px 12px rgba(38,49,61,.05);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.nepszeruSor:hover{border-color:#a8c4e8;transform:translateX(4px);box-shadow:0 8px 18px rgba(38,49,61,.09)}
.nepszeruEmoji{display:inline-block;vertical-align:middle;width:30px;font-size:20px}
.nepszeruNev{display:inline-block;vertical-align:middle;font-size:16px;font-weight:700}
.nepszeruTav{display:block;float:right;margin-top:2px;font-size:14px;font-weight:700;color:#0c52a6}
.cikk{display:block;max-width:640px;margin:40px auto 0;text-align:left}
.cikk .szakaszCim{margin:26px 0 10px;text-align:left}
.cikk p{margin:0 0 12px;font-size:16.5px;color:#3c4653}
.gyik{margin-top:8px}
.gyikKerdes{margin:18px 0 6px;font-size:17px;font-weight:700;color:#26313d}
.gyikValasz{margin:0 0 10px;font-size:16px;color:#5b6570}
.lablec{display:block;margin-top:30px;padding:22px 0 26px;background:#fff;border-top:1px solid #ece4d4;text-align:center;font-size:14px;color:#8b94a0}
.lablec a{color:#5b6570;text-decoration:none;border-bottom:1px dotted #c9c1b2}
.lablec a:hover{color:#0c52a6;border-bottom-color:#0c52a6}
.lablecSor{margin:8px 0 0}
.beagyazottOldal{margin:0;padding:0;background:transparent;text-align:center}
.beagyazottDoboz{display:block;padding:14px 8px 10px;background:#faf7f1}
.beagyazottDoboz .szamlalo{margin:0}
.beagyazottDoboz .szKartya{min-width:70px;margin:0 4px 6px;padding:10px 8px 8px;border-radius:14px;box-shadow:0 4px 12px rgba(38,49,61,.06)}
.beagyazottDoboz .szSzam{font-size:30px}
.beagyazottDoboz .szFelirat{margin-top:4px;font-size:9.5px;letter-spacing:.14em}
.beagyazottDoboz .beagyazottCim{display:block;margin:0 0 8px;font-size:15px;font-weight:700;color:var(--szinpadSzoveg,#26313d)}
.beagyazottDoboz .lejartUzenet{margin:10px 0;font-size:20px}
.forrasLink{display:inline-block;margin-top:6px;font-size:11.5px;color:#6d7683;text-decoration:none}
.forrasLink strong{color:#0c52a6}
.forrasLink:hover{color:#5b6570}
@media (max-width:640px){
.foCim{font-size:27px}
.szlogen{display:none}
.szKartya{min-width:74px;margin:0 3px 8px;padding:12px 8px 10px;border-radius:14px}
.szSzam{font-size:30px}
.szFelirat{font-size:9.5px;letter-spacing:.14em}
.datumMezo{width:170px}
}
@media (prefers-reduced-motion:reduce){
.szTekercs.gordul{transition:none}
}
.gombPill:focus-visible,.chip:focus-visible,.inditGomb:focus-visible,.nepszeruSor:focus-visible{outline:3px solid #0c52a6;outline-offset:2px}
.nevMezo{display:inline-block;vertical-align:middle;width:180px;margin:0 8px 8px 0;padding:11px 13px;background:#faf7f1;border:1px solid #dfd6c4;border-radius:12px;color:#26313d;font-size:16px;font-family:inherit}
.nevMezo:focus{outline:none;border-color:#0c52a6;box-shadow:0 0 0 3px rgba(12,82,166,.15)}
.tablaSzakasz{display:block;max-width:560px;margin:36px auto 0;text-align:center}
.datumTabla{width:100%;margin-top:14px;border-collapse:collapse;background:#fff;border:1px solid #eadfce;border-radius:14px;box-shadow:0 4px 12px rgba(38,49,61,.05)}
.datumTabla th{padding:10px 14px;border-bottom:2px solid #eadfce;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6d7683;text-align:left}
.datumTabla td{padding:10px 14px;border-bottom:1px solid #f2ecdf;font-size:15px;color:#3c4653;text-align:left}
.datumTabla tr:last-child td{border-bottom:0}
.datumTabla th:last-child,.datumTabla td:last-child{text-align:right;font-weight:700;color:#0c52a6}
#elonezetDoboz{display:block;margin-top:10px}
@media (max-width:420px){
.beagyazottDoboz .szKartya{min-width:56px;margin:0 2px 4px;padding:8px 5px 6px;border-radius:10px}
.beagyazottDoboz .szSzam{font-size:22px}
.beagyazottDoboz .szFelirat{font-size:8.5px;letter-spacing:.1em}
.beagyazottDoboz .beagyazottCim{font-size:13px}
}
@media (max-width:300px){
.beagyazottDoboz .mpKartya{display:none}
}
.testreszabasKartya{display:block;max-width:560px;margin:26px auto 0;padding:22px 22px 12px;background:#fff;border:1px solid #eadfce;border-radius:20px;box-shadow:0 12px 28px rgba(38,49,61,.08);text-align:center}
.beallitasSor{display:inline-block;vertical-align:top;margin:0 9px 12px;text-align:left}
.beallitasCimke{display:block;margin-bottom:5px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6d7683}
.szinMezo{display:block;width:64px;height:42px;padding:3px;background:#faf7f1;border:1px solid #dfd6c4;border-radius:10px;cursor:pointer}
.valasztoMezo{display:block;min-width:120px;padding:10px 12px;background:#faf7f1;border:1px solid #dfd6c4;border-radius:10px;color:#26313d;font-size:15px;font-family:inherit}
.valasztoMezo:focus,.szinMezo:focus,.testreszabasKartya .nevMezo:focus{outline:none;border-color:#0c52a6;box-shadow:0 0 0 3px rgba(12,82,166,.15)}
.testreszabasKartya .nevMezo{display:block;width:150px;margin:0}
.alkalmazGomb{display:inline-block;vertical-align:bottom;margin:0 0 12px;padding:12px 18px;background:#0c52a6;border:1px solid #0c52a6;border-radius:10px;color:#fff;font-size:14px;font-weight:700;font-family:inherit;line-height:1.2;cursor:pointer}
.alkalmazGomb:hover,.alkalmazGomb:focus{background:#09407e}
.betu-szeriff .szSzam,.betu-szeriff .szFelirat{font-family:Georgia,"Times New Roman",serif}
.betu-mono .szSzam,.betu-mono .szFelirat{font-family:Consolas,Menlo,monospace}
.betu-jatekos .szSzam,.betu-jatekos .szFelirat{font-family:"Comic Sans MS","Segoe Print",cursive}
.szTekercs.esik{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes pulzal{0%{transform:scale(1)}45%{transform:scale(1.22)}100%{transform:scale(1)}}
.szSzam.pulzal{animation:pulzal .32s ease}
@media (prefers-reduced-motion:reduce){
.szTekercs.esik{transition:none}
.szSzam.pulzal{animation:none}
}
.kerekValaszto{position:relative;display:inline-block;vertical-align:middle;margin:0 10px 10px 0;padding:0 6px;background:#faf7f1;border:1px solid #dfd6c4;border-radius:14px;-webkit-user-select:none;user-select:none}
.kerekValaszto:before{content:"";position:absolute;left:2px;right:2px;top:1px;height:50px;background:linear-gradient(180deg,#faf7f1 18%,rgba(250,247,241,0));border-radius:14px 14px 0 0;pointer-events:none;z-index:2}
.kerekValaszto:after{content:"";position:absolute;left:2px;right:2px;bottom:1px;height:50px;background:linear-gradient(0deg,#faf7f1 18%,rgba(250,247,241,0));border-radius:0 0 14px 14px;pointer-events:none;z-index:2}
.kerekOszlop{display:inline-block;vertical-align:top;box-sizing:border-box;height:170px;overflow-y:auto;scroll-snap-type:y mandatory;padding:68px 3px;scrollbar-width:none;-ms-overflow-style:none;outline:none}
.kerekOszlop::-webkit-scrollbar{display:none}
.kerekOszlop:focus-visible{box-shadow:inset 0 0 0 2px #0c52a6;border-radius:10px}
.kerekOszlop[data-tipus="honap"]{width:110px}
.kerekOszlop[data-tipus="nap"]{width:54px}
.kerekOszlop[data-tipus="ev"]{width:72px}
.kerekElem{display:block;height:34px;line-height:34px;text-align:center;font-size:15px;color:#8a93a0;scroll-snap-align:center;cursor:pointer;transition:color .15s ease,transform .15s ease}
.kerekElem.aktiv{color:#0c52a6;font-weight:800;transform:scale(1.08)}
.kerekJelzo{position:absolute;left:6px;right:6px;top:50%;height:34px;margin-top:-17px;border-top:1px solid #a8c4e8;border-bottom:1px solid #a8c4e8;background:rgba(12,82,166,.05);border-radius:8px;pointer-events:none;z-index:1}
.kerekOsszegzo{display:block;margin:2px 0 12px;font-size:14.5px;font-weight:700;color:#0c52a6}
@media (max-width:640px){
.kerekValaszto{margin:0 0 10px}
.kerekOszlop[data-tipus="honap"]{width:96px}
.kerekOszlop[data-tipus="nap"]{width:48px}
.kerekOszlop[data-tipus="ev"]{width:66px}
.kerekElem{font-size:14px}
}
.eloKep{display:block;margin:0 0 14px}
.eloKepCimke{display:block;margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6d7683}
.eloKepDarab{display:inline-block;vertical-align:top;min-width:46px;margin:0 3px;padding:7px 6px 5px;background:#fff;border:1px solid #dfd6c4;border-radius:10px}
.eloKepSzam{display:block;font-size:19px;line-height:1;font-weight:800;color:#0c52a6;font-variant-numeric:tabular-nums}
.eloKepEgyseg{display:block;margin-top:3px;font-size:8.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6d7683}
.eloKepAllapot{display:block;margin-top:6px;font-size:12px;font-style:italic;color:#6d7683}
.beallitasCsoport{display:block;margin:0 0 12px;padding-bottom:14px;border-bottom:1px dashed #eadfce}
.beallitasCsoport .beallitasCimke{margin-bottom:9px}
.testreszabasKartya .nevMezo{display:block;width:230px;margin:0 auto}
.szinSor{display:block}
.szinPetty{display:inline-block;vertical-align:middle;width:30px;height:30px;margin:0 5px 6px;padding:0;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px #e5dccb;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.szinPetty:hover{transform:scale(1.15)}
.szinPetty.aktivPetty{box-shadow:0 0 0 3px #0c52a6;transform:scale(1.1)}
.szinPetty:focus-visible{outline:3px solid #0c52a6;outline-offset:2px}
.szinSor .szinMezo{display:inline-block;vertical-align:middle;width:44px;height:34px;margin:0 0 6px 8px}
.csempeRadio{position:absolute;opacity:0;pointer-events:none}
.csempe{display:inline-block;vertical-align:top;min-width:72px;margin:0 5px 8px;padding:10px 10px 8px;background:#faf7f1;border:2px solid #e5dccb;border-radius:14px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
.csempe:hover{transform:translateY(-2px);border-color:#a8c4e8}
.csempeRadio:checked+.csempe{border-color:#0c52a6;background:#eef4fc;box-shadow:0 6px 14px rgba(12,82,166,.18)}
.csempeRadio:focus-visible+.csempe{outline:3px solid #0c52a6;outline-offset:2px}
.csempeMinta{display:block;height:34px;line-height:34px;font-size:25px;font-weight:800;color:#0c52a6;overflow:hidden}
.csempeNev{display:block;margin-top:4px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6d7683}
.betuMintaSzeriff{font-family:Georgia,"Times New Roman",serif}
.betuMintaMono{font-family:Consolas,Menlo,monospace}
.betuMintaJatekos{font-family:"Comic Sans MS","Segoe Print",cursive}
.mintaTekercs{display:block}
.mintaSor{display:block;height:34px;line-height:34px}
.mintaGordul{animation:bemutatoGordul 2.6s ease-in-out infinite;animation-play-state:paused}
.mintaEsik{animation:bemutatoEsik 2.6s cubic-bezier(.34,1.56,.64,1) infinite;animation-play-state:paused}
.csempeMinta.mintaPulzal{animation:bemutatoPulzal 2.6s ease infinite;animation-play-state:paused}
.csempe:hover .mintaTekercs,.csempe:hover .csempeMinta.mintaPulzal,.csempeRadio:checked+.csempe .mintaTekercs,.csempeRadio:checked+.csempe .csempeMinta.mintaPulzal{animation-play-state:running}
@keyframes bemutatoGordul{0%,30%{transform:translateY(0)}50%,80%{transform:translateY(-34px)}100%{transform:translateY(0)}}
@keyframes bemutatoEsik{0%,30%{transform:translateY(0)}55%,80%{transform:translateY(-34px)}100%{transform:translateY(0)}}
@keyframes bemutatoPulzal{0%,35%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
.elFut .alkalmazGomb{display:none}
@media (prefers-reduced-motion:reduce){
.mintaGordul,.mintaEsik,.csempeMinta.mintaPulzal{animation:none}
}
@font-face{font-family:"Space Grotesk";src:url("/betuk/space-grotesk-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
.foCim,.szakaszCim,.valasztoCim,.gyikKerdes,.lejartUzenet,.beagyazottCim,.eloKepSzam,.nepszeruNev,.datumTabla th{font-family:"Space Grotesk","Segoe UI",Arial,sans-serif}
.logo,.logo strong{font-family:"Space Grotesk","Segoe UI",Arial,sans-serif}
.szamlalo:not(.betu-szeriff):not(.betu-mono):not(.betu-jatekos) .szSzam{font-family:"Space Grotesk","Segoe UI",Arial,sans-serif}
:where(.csempeMinta){font-family:"Space Grotesk","Segoe UI",Arial,sans-serif}
.nepszeruSzoveg{display:inline-block;vertical-align:middle;max-width:52%}
.nepszeruDatum{display:block;margin-top:1px;font-size:12.5px;font-weight:400;color:#6d7683}
.nepszeruOra{display:block;float:right;text-align:right}
.nepszeruNapSzam{display:inline-block;font-size:22px;line-height:1.15;font-weight:700;color:#0c52a6;font-family:"Space Grotesk","Segoe UI",Arial,sans-serif;font-variant-numeric:tabular-nums}
.nepszeruNapCimke{display:inline-block;margin-left:4px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6d7683}
.nepszeruIdo{display:block;font-size:11.5px;color:#6d7683;font-variant-numeric:tabular-nums}
@media (max-width:480px){
.nepszeruSzoveg{max-width:46%}
.nepszeruNapSzam{font-size:18px}
}
.szamlaloSzinpad{display:block;max-width:780px;margin:18px auto 8px;padding:24px 10px 14px;border-radius:24px;border:1px solid #eadfce;background:radial-gradient(circle at 82% 0,rgba(12,82,166,.08),transparent 55%),#fffdf8;box-shadow:0 16px 40px rgba(38,49,61,.1)}
.szamlaloSzinpad .szamlalo{margin:0}
.tema-ejfel{--szinpadSzoveg:#e8f2fb;--kartyaHatter:rgba(255,255,255,.08);--kartyaKeret:rgba(127,179,240,.35);--feliratSzin:rgba(232,242,251,.68);--digitAlap:#7fb3f0;border-color:#25335c;background:radial-gradient(1px 1px at 25px 35px,rgba(255,255,255,.5),transparent 2px),radial-gradient(1px 1px at 140px 84px,rgba(255,255,255,.35),transparent 2px),radial-gradient(1.5px 1.5px at 80px 128px,rgba(127,179,240,.45),transparent 2.5px),linear-gradient(160deg,#0a1130 0,#15204d 60%,#070b20 100%);background-repeat:repeat,repeat,repeat,no-repeat;background-size:220px 170px,260px 200px,300px 230px,auto}
.tema-naplemente{--szinpadSzoveg:#fff4e8;--kartyaHatter:rgba(255,255,255,.12);--kartyaKeret:rgba(255,217,168,.4);--feliratSzin:rgba(255,244,232,.75);--digitAlap:#ffd9a8;border-color:#8a4d7e;background:radial-gradient(circle at 78% 12%,rgba(255,200,130,.35),transparent 45%),linear-gradient(150deg,#3b1d5e 0,#a43f6b 55%,#e8955c 100%)}
.tema-erdo{--szinpadSzoveg:#eef5ee;--kartyaHatter:rgba(255,255,255,.07);--kartyaKeret:rgba(232,205,122,.35);--feliratSzin:rgba(238,245,238,.68);--digitAlap:#e8cd7a;border-color:#2d4a3c;background:radial-gradient(circle at 12% 90%,rgba(46,139,110,.3),transparent 50%),linear-gradient(155deg,#122b21 0,#0e2620 55%,#07160f 100%)}
.tema-sotet{--szinpadSzoveg:#e8ebf0;--kartyaHatter:rgba(255,255,255,.06);--kartyaKeret:#3a4552;--feliratSzin:#9aa3ad;--digitAlap:#7fb3f0;border-color:#333d4a;background:linear-gradient(160deg,#232a35 0,#171c24 100%)}
.temaMinta{display:block;width:56px;height:34px;margin:0 auto;border-radius:8px;border:1px solid rgba(38,49,61,.15)}
.temaMinta-alap{background:radial-gradient(circle at 80% 10%,rgba(12,82,166,.15),transparent 55%),#fffdf8}
.temaMinta-ejfel{background:linear-gradient(160deg,#0a1130 0,#15204d 60%,#070b20 100%)}
.temaMinta-naplemente{background:linear-gradient(150deg,#3b1d5e 0,#a43f6b 55%,#e8955c 100%)}
.temaMinta-erdo{background:linear-gradient(155deg,#122b21 0,#0e2620 55%,#07160f 100%)}
.temaMinta-sotet{background:linear-gradient(160deg,#232a35 0,#171c24 100%)}
.beagyazottDoboz{--szinpadSzoveg:#26313d}
.beagyazottDoboz.tema-ejfel,.beagyazottDoboz.tema-naplemente,.beagyazottDoboz.tema-erdo,.beagyazottDoboz.tema-sotet{border-radius:0}
.beagyazottDoboz .forrasLink{color:var(--feliratSzin,#6d7683)}
.idoKapcsolo{margin-bottom:10px}
.idoKapcsolo.aktivKapcsolo{background:#eef4fc;border-color:#0c52a6;color:#0c52a6}
.idoKerek{margin-left:6px}
.idoKerek .kerekOszlop{width:56px}
@media (min-width:720px){
.nepszeruSzakasz{max-width:760px}
.nepszeruLista{font-size:0}
.nepszeruSor{display:inline-block;vertical-align:top;width:calc(50% - 10px);margin:5px;box-sizing:border-box}
.nepszeruNev{font-size:16px}
}
.parhuzamosSor{display:block}
.mpNelkul .mpKartya{display:none}
.meret-kicsi .szSzam{font-size:32px}
.meret-kicsi .szKartya{min-width:78px;padding:12px 8px 10px}
.meret-nagy .szSzam{font-size:64px}
.meret-nagy .szKartya{min-width:140px}
.idoBeallito{width:150px}
.beallitasMagyarazat{display:block;margin-top:5px;font-size:11px;color:#8a93a0}
@media (min-width:980px){
.parhuzamosSor{font-size:0;text-align:center}
.oszlopFel{display:inline-block;vertical-align:top;width:calc(50% - 12px);margin:0 5px;font-size:17px;text-align:center}
.oszlopFel .testreszabasKartya,.oszlopFel .valasztoKartya,.oszlopFel .beagyazasSzakasz,.oszlopFel .nepszeruSzakasz{max-width:none}
.oszlopFel .nepszeruSor{display:block;width:auto;margin:8px 0}
.szKartya{min-width:122px}
.szSzam{font-size:54px}
.meret-kicsi .szKartya{min-width:84px}
.meret-nagy .szSzam{font-size:72px}
.foCim{font-size:44px}
}
.cikkSzeles{max-width:900px}
.cikkSzeles .szakaszCim{margin:34px 0 12px;text-align:center}
.cikkBevezeto{display:block;max-width:600px;margin:0 auto 18px;text-align:center;font-size:17px;color:#3c4653}
.kartyaSor,.lepesSor{font-size:0;text-align:center;margin:4px 0 8px}
.lepesSor{padding-top:16px}
.infoKartya,.lepes{display:inline-block;vertical-align:top;width:calc(33.33% - 14px);margin:0 6px 12px;padding:20px 16px 16px;background:#fff;border:1px solid #eadfce;border-radius:16px;box-shadow:0 6px 16px rgba(38,49,61,.06);font-size:15px;box-sizing:border-box;text-align:center}
.lepes{position:relative;padding-top:26px}
.lepesSzam{position:absolute;top:-15px;left:50%;margin-left:-16px;width:32px;height:32px;border-radius:50%;background:#0c52a6;color:#fff;font-family:"Space Grotesk","Segoe UI",Arial,sans-serif;font-weight:700;font-size:16px;line-height:32px;text-align:center;box-shadow:0 4px 10px rgba(12,82,166,.3)}
.infoIkon{display:block;width:48px;height:48px;margin:0 auto 10px}
.infoCim{display:block;margin:0 0 6px;font-size:16.5px;font-weight:700;font-family:"Space Grotesk","Segoe UI",Arial,sans-serif;color:#26313d}
.infoSzoveg{display:block;font-size:14.5px;line-height:1.55;color:#5b6570}
.kiemeltDoboz{display:block;max-width:660px;margin:10px auto 6px;padding:14px 18px;background:#eef4fc;border:1px solid #a8c4e8;border-radius:14px;text-align:left}
.kiemeltDoboz svg{display:inline-block;vertical-align:middle;width:34px;height:34px;margin-right:12px}
.kiemeltSzoveg{display:inline-block;vertical-align:middle;width:calc(100% - 52px);font-size:14.5px;line-height:1.55;color:#26313d}
.beagyazasInfo{display:block;margin:0 0 6px;text-align:center}
.beagyazasInfo svg{display:block;width:240px;height:auto;margin:4px auto 12px}
.platformChipek{display:block;margin:0 0 10px}
.platformChip{display:inline-block;margin:0 4px 8px;padding:6px 13px;background:#fff;border:1px solid #eadfce;border-radius:999px;font-size:13px;font-weight:600;color:#5b6570}
.kozepre{text-align:center;max-width:560px;margin:0 auto}
.cikkSzeles .gyik{font-size:0;text-align:center;margin-top:8px}
.cikkSzeles .gyik .szakaszCim{font-size:22px}
.gyikKartya{display:inline-block;vertical-align:top;width:calc(50% - 12px);margin:0 5px 12px;padding:16px 18px;background:#fff;border:1px solid #eadfce;border-radius:14px;box-shadow:0 6px 16px rgba(38,49,61,.06);font-size:15px;box-sizing:border-box;text-align:left}
.gyikIkon{display:inline-block;vertical-align:top;width:34px;height:34px;margin:2px 12px 0 0}
.gyikTartalom{display:inline-block;vertical-align:top;width:calc(100% - 50px)}
.gyikKartya .gyikKerdes{margin:0 0 6px;font-size:16px}
.gyikKartya .gyikValasz{margin:0;font-size:14px}
.esemenyKartya{display:block;max-width:680px;margin:0 auto;padding:24px 22px 18px;background:#fff;border:1px solid #eadfce;border-radius:18px;box-shadow:0 8px 20px rgba(38,49,61,.07);text-align:center}
.esemenyIkon{display:block;margin:0 0 10px;font-size:44px;line-height:1}
.esemenyLeiras{margin:0 0 16px;font-size:16px;line-height:1.6;color:#3c4653}
.tenySor{font-size:0;margin:0 0 14px}
.tenyDoboz{display:inline-block;vertical-align:top;min-width:112px;margin:0 5px 8px;padding:10px 12px;background:#faf7f1;border:1px solid #e5dccb;border-radius:12px}
.tenyErtek{display:block;font-family:"Space Grotesk","Segoe UI",Arial,sans-serif;font-size:20px;font-weight:700;color:#0c52a6}
.tenyCimke{display:block;margin-top:2px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6d7683}
@media (max-width:719px){
.infoKartya,.lepes{display:block;width:auto;margin:0 0 12px}
.lepes{margin-top:22px}
.gyikKartya{display:block;width:auto;margin:0 0 12px}
}
.menuSav{display:block;background:#fff;border-bottom:1px solid #ece4d4;box-shadow:0 2px 8px rgba(38,49,61,.04)}
.menuSav .keret{overflow-x:auto;white-space:nowrap;padding-top:9px;padding-bottom:9px;scrollbar-width:none;-ms-overflow-style:none}
.menuSav .keret::-webkit-scrollbar{display:none}
.menuElem{display:inline-block;margin:0 4px 0 0;padding:6px 13px;border-radius:999px;color:#5b6570;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s ease,color .2s ease}
.menuElem:hover{background:#eef4fc;color:#0c52a6}
.menuElem:focus-visible{outline:3px solid #0c52a6;outline-offset:2px}
.aktivMenu,.aktivMenu:hover{background:#0c52a6;color:#fff}
.menuKulso{color:#8a93a0}
.menuKulso:after{content:"↗";margin-left:5px;font-size:11px}
.menuJobb{display:inline}
.lablec .keret{font-size:0;text-align:center}
.lablecOszlop{display:inline-block;vertical-align:top;width:calc(33.33% - 12px);margin:0 5px 16px;font-size:14px;text-align:left}
.lablecCim{display:block;margin-bottom:9px;font-family:"Space Grotesk","Segoe UI",Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#26313d}
.lablecOszlop a{display:block;margin-bottom:7px;color:#5b6570;text-decoration:none;border-bottom:0}
.lablecOszlop a:hover{color:#0c52a6;border-bottom:0}
.lablecJegyzet{display:block;font-size:12px;color:#9aa3ad}
.lablecSor{display:block;margin:6px 0 0;padding-top:14px;border-top:1px solid #ece4d4;font-size:13.5px;text-align:center}
.szabalyKartya{display:block;max-width:760px;margin:0 auto 12px;padding:18px 20px;background:#fff;border:1px solid #eadfce;border-radius:16px;box-shadow:0 6px 16px rgba(38,49,61,.06);text-align:left}
.szabalyIkon{display:inline-block;vertical-align:top;width:42px;height:42px;margin:2px 15px 0 0}
.szabalyTartalom{display:inline-block;vertical-align:top;width:calc(100% - 62px)}
.szabalyCim{margin:0 0 6px;font-family:"Space Grotesk","Segoe UI",Arial,sans-serif;font-size:18.5px;font-weight:700;color:#26313d}
.szabalySzoveg{margin:0;font-size:15.5px;line-height:1.6;color:#5b6570}
.szabalySzoveg a{color:#0c52a6;text-decoration:none;border-bottom:1px dotted #a8c4e8}
.szabalySzoveg a:hover{border-bottom-color:#0c52a6}
.frissitveSor{margin:0 0 16px;font-size:13px;color:#8a93a0;text-align:center}
@media (min-width:980px){
.menuJobb{float:right}
}
@media (max-width:719px){
.lablecOszlop{display:block;width:auto;margin:0 0 18px}
.felGomb{right:12px;bottom:12px;width:30px;height:42px}
.szabalyIkon{width:34px;height:34px;margin-right:11px}
.szabalyTartalom{width:calc(100% - 48px)}
}
.kodElem{color:#0c52a6;font-weight:700}
.kodAttr{color:#8a5a18}
.kodErtek{color:#1e7d4f}
.kodJel{color:#9aa3ad}
.felGomb{position:fixed;right:20px;bottom:20px;z-index:20;width:34px;height:48px;padding:0;border:0;background:none;box-shadow:none;cursor:pointer;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}
.felGomb.lathato{opacity:1;transform:translateY(0);pointer-events:auto}
.felGomb svg{display:block;width:100%;height:100%;filter:drop-shadow(0 3px 7px rgba(38,49,61,.32));transition:transform .55s cubic-bezier(.45,0,.25,1)}
.felGomb:hover svg{transform:scale(1.1)}
.felGomb.fordul svg{transform:rotate(180deg) scale(1.06)}
.felGomb:focus-visible{outline:3px solid #0c52a6;outline-offset:4px;border-radius:6px}
.homokoraUveg{fill:#fffdf8;stroke:#0c52a6;stroke-width:2.1;stroke-linejoin:round}
.homokoraKeret{fill:#0c52a6}
.homokSzin{fill:#e8a33d}
.homokSugar{fill:#e8a33d;transition:opacity .3s ease}
.lablecPont{color:#c9c1b2;margin:0 4px}
@media (prefers-reduced-motion:reduce){
.felGomb svg{transition:none}
.felGomb.fordul svg{transform:none}
}