@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;src:url(f/archivo-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;src:url(f/archivo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--mely:#07192e;--panel:#14263f;--vonal:#2a3f5e;--feher:#fff;--szoveg:#dfe6f0;--halk:#a4b3c7;--sarga:#ffd23f;--gutter:clamp(16px,4vw,40px)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--mely);color:var(--szoveg);font:400 17px/1.6 Archivo,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;overflow-wrap:break-word}
img{display:block;max-width:100%;height:auto;background:var(--panel)}
a{color:var(--sarga)}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--sarga);outline-offset:3px;border-radius:4px}
h1,h2{color:var(--feher);line-height:1.1;letter-spacing:-.01em;margin:0}
h1 i,.marka i{font-style:normal;color:var(--sarga)}
h2{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800}
ul,ol{margin:0;padding:0;list-style:none}
main>section,article,.fej,.lab>div{max-width:1200px;margin-inline:auto;padding-inline:var(--gutter)}
main>section{margin-top:clamp(48px,7vw,88px)}
.ugras{position:absolute;left:-999px;background:var(--sarga);color:var(--mely);padding:8px 14px;z-index:9}
.ugras:focus{left:12px;top:12px}
.fej{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px}
.marka{display:flex;align-items:center;gap:10px;color:var(--feher);text-decoration:none;font-weight:800;font-size:1.2rem;letter-spacing:-.01em}
.marka img{border-radius:50%;background:none}
.fej nav{display:flex;gap:clamp(12px,3vw,28px);align-items:center}
.fej nav a{color:var(--szoveg);text-decoration:none;font-weight:600;font-size:.95rem;padding-block:8px}
.fej nav a:hover{color:var(--sarga)}
.hos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,64px);align-items:center;margin-top:clamp(24px,4vw,48px)!important}
.hos h1{white-space:nowrap;font-size:clamp(3rem,6.2vw,5rem);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.95}
.szlog{display:inline-block;background:var(--sarga);color:var(--mely);font-weight:800;font-size:clamp(1.15rem,2.4vw,1.5rem);padding:.2em .8em;border-radius:99px;margin:18px 0 0}
.lede{font-size:clamp(1.08rem,1.7vw,1.25rem);max-width:34em;margin:22px 0 0}
.gombok{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}
.gomb{background:var(--sarga);color:var(--mely);font-weight:800;text-decoration:none;padding:13px 24px;border-radius:8px;border:2px solid var(--sarga)}
.gomb:hover{background:var(--feher);border-color:var(--feher)}
.gomb.masod{background:none;color:var(--feher);border-color:var(--vonal)}
.gomb.masod:hover{border-color:var(--sarga);color:var(--sarga)}
.kiemelt{position:relative;display:block;text-decoration:none;color:var(--feher);border-radius:12px;overflow:hidden;background:var(--panel)}
.kiemelt img{width:100%}
.kiemelt .cimke{position:absolute;top:12px;left:12px;background:var(--sarga);color:var(--mely);font-weight:800;font-size:.85rem;padding:4px 12px;border-radius:6px}
.kiemelt .cim{display:block;padding:14px 18px 16px;font-weight:700;font-size:1.1rem;line-height:1.3}
.kiemelt:hover .cim{color:var(--sarga)}
.sor{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px}
.sor a{font-weight:600;white-space:nowrap}
.racs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:28px 22px}
.racs.szuk{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px 16px}
.racs.vegyes{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px 16px}
.racs.vegyes .kartya:not(.allo){grid-column:span 2}
.kartya[hidden]{display:none}
.kartya a{display:block;text-decoration:none;color:var(--feher)}
.kartya img{width:100%;border-radius:8px}
.kartya .cim{display:block;font-weight:700;line-height:1.3;margin-top:10px}
.kartya.allo .cim{font-size:.95rem}
.kartya a:hover .cim{color:var(--sarga)}
.meta{display:block;color:var(--halk);font-size:.875rem}
.igy ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:22px;margin-top:24px;counter-reset:n}
.igy li{counter-increment:n;background:var(--panel);border-radius:10px;padding:22px}
.igy li::before{content:counter(n);display:block;color:var(--sarga);font-weight:900;font-size:1.8rem;line-height:1;margin-bottom:12px}
.igy b{display:block;color:var(--feher);font-size:1.12rem;margin-bottom:6px}
.hiba{margin:22px 0 0}
.app{color:var(--halk);font-size:.95rem}
.app h2{font-size:1.05rem;color:var(--szoveg);margin-bottom:6px}
.app p{max-width:46em;margin:0}
.lab{margin-top:clamp(56px,8vw,96px);border-top:1px solid var(--vonal);padding-block:28px;color:var(--halk);font-size:.875rem}
.lab p{margin:6px 0}
.koveto{display:flex;gap:20px;font-size:1rem;font-weight:700}
.archiv{margin-top:32px!important}
.archiv h1{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:900}
.szuro{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:end;margin:22px 0 14px}
.szuro label{display:block;width:100%;font-weight:600;margin-bottom:-6px}
.szuro input{flex:1 1 260px;min-width:0;font:inherit;color:var(--feher);background:var(--panel);border:2px solid var(--vonal);border-radius:8px;padding:11px 14px}
.szuro input::placeholder{color:var(--halk)}
.fulek{display:flex;gap:6px;flex-wrap:wrap}
.fulek button{font:inherit;font-weight:700;color:var(--szoveg);background:none;border:2px solid var(--vonal);border-radius:8px;padding:10px 14px;cursor:pointer}
.fulek button[aria-pressed=true]{background:var(--sarga);border-color:var(--sarga);color:var(--mely)}
.vid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr);gap:clamp(24px,4vw,56px);align-items:start;margin-top:28px}
.vid-allo{grid-template-columns:minmax(0,300px) minmax(0,1fr)}
.vid-kep{position:sticky;top:20px;display:block;text-decoration:none;border-radius:12px;overflow:hidden;background:var(--panel)}
.vid-kep img{width:100%}
.play{display:block;background:var(--sarga);color:var(--mely);font-weight:800;text-align:center;padding:12px}
.vid-kep:hover .play{background:var(--feher)}
.vid h1{font-size:clamp(1.7rem,3.6vw,2.6rem);font-weight:800;margin:6px 0 18px}
.vid h2{font-size:1.25rem;margin:32px 0 10px}
.vid-sz{min-width:0;max-width:44em}
.vid-sz p{margin:0 0 14px}
.forrasok{list-style:decimal;padding-left:1.6em;font-size:.95rem}
.forrasok li{margin:6px 0}
.kozles{margin-top:26px!important}
.kredit{font-size:.82rem;color:var(--halk);margin-top:10px}
.kredit summary{cursor:pointer;font-weight:600;padding-block:6px}
.kredit p{margin:0 0 4px}
@media (max-width:820px){.hos,.vid,.vid-allo{grid-template-columns:minmax(0,1fr)}.hos h1{font-size:min(15vw,6rem)}.vid-kep{position:static}.vid-allo .vid-kep{max-width:260px}.fej nav a:nth-child(2){display:none}.racs.vegyes .kartya:not(.allo){grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}