
:root{--bg:#0f1a14;--bg2:#14231a;--card:#182b20;--line:rgba(255,255,255,.12);--text:#f3f5f1;--mute:#a9b8ad;--gold:#f4c94f;--green:#2f8f4e;color-scheme:dark;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth;scroll-padding-top:120px;background:var(--bg)}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}



header{position:sticky;top:12px;z-index:20;margin-top:14px}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 12px 10px 14px;width:min(1180px,100% - 24px);background:rgba(18,32,24,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);border-radius:20px;box-shadow:0 14px 40px rgba(0,0,0,.4)}
header .btn{border-radius:12px}
.brand{display:flex;align-items:center;gap:14px}
.brand img{height:58px;width:auto;display:block}
.brand b{display:block;font-weight:800;line-height:1.1;text-transform:uppercase;font-size:.95rem}
.brand small{display:block;color:var(--gold);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-top:3px}
nav{display:flex;align-items:center;gap:26px;font-size:.88rem;font-weight:600}
nav a:hover,nav a.on{color:var(--gold)}
.btn{display:inline-flex;align-items:center;gap:22px;padding:13px 22px;border-radius:4px;font-weight:700;font-size:.9rem;border:1px solid var(--gold);transition:background .2s,color .2s}
.btn.gold{background:var(--gold);color:#16200f}
.btn.gold:hover{background:#ffd966}
.btn.line{border-color:var(--mute);color:var(--text)}
.btn.line:hover{border-color:var(--gold);color:var(--gold)}
.menu{display:none;align-items:center;gap:10px;background:none;border:1px solid var(--line);color:var(--text);padding:10px 16px;border-radius:4px;font:inherit;font-weight:700;min-height:44px;cursor:pointer}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:#16200f;padding:10px 16px;border-radius:4px;font-weight:700;z-index:50}
.skip:focus{left:12px}
.subhead{margin:38px 0 12px;font-size:1.05rem;font-weight:800}
.priv{padding:32px 0;border-top:1px solid var(--line);background:var(--bg2)}
.priv h2{font-size:1.3rem;margin:0 0 10px}
.priv p{color:var(--mute);font-size:.92rem;max-width:56em;margin:0 0 8px}
nav .btn{padding:11px 20px}
.hero{position:relative;overflow:hidden;isolation:isolate;min-height:min(88vh,860px);display:grid;align-items:center;background:var(--bg) url(/assets/hero.webp) center right/cover no-repeat;margin-top:-90px;padding-top:90px}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,18,13,.94) 0,rgba(9,18,13,.8) 34%,rgba(9,18,13,.18) 62%,rgba(9,18,13,0) 100%),linear-gradient(rgba(9,18,13,.7) 0,transparent 24%,transparent 70%,var(--bg) 100%)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(112deg,transparent 49.7%,rgba(244,201,79,.22) 50%,transparent 50.5%),linear-gradient(112deg,transparent 52%,rgba(255,255,255,.05) 52.1%,transparent 56%)}
.hero-mark{position:absolute;right:-1%;top:112px;z-index:-1;font-weight:900;font-size:clamp(4rem,13vw,12rem);line-height:1;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.13);user-select:none;pointer-events:none;white-space:nowrap}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:60px 0 80px}
.kicker{display:flex;align-items:center;gap:14px;color:var(--gold);font-weight:800;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase}
.kicker::before{content:"";width:36px;height:2px;background:var(--gold)}
h1{font-weight:900;font-size:clamp(2.8rem,7vw,5.2rem);text-shadow:0 4px 30px rgba(0,0,0,.45);line-height:.98;letter-spacing:-.035em;margin:26px 0 24px}
h1 em{font-style:normal;color:var(--gold)}
.lead{max-width:30em;color:#d9e2db;font-size:1.05rem}
.cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.badge{justify-self:center;position:relative;display:grid;place-items:center;width:min(100%,460px);aspect-ratio:1}
.badge::before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,rgba(244,201,79,.28) 0,rgba(244,201,79,.08) 45%,transparent 70%)}
.badge img{width:68%;height:auto;position:relative;filter:drop-shadow(0 0 26px rgba(244,201,79,.45)) drop-shadow(0 28px 34px rgba(0,0,0,.55))}
section{padding:64px 0;border-top:1px solid var(--line)}
section.alt{background:var(--bg2)}
h2{font-weight:900;font-size:clamp(1.9rem,4vw,3rem);line-height:1.05;letter-spacing:-.025em;margin:14px 0 14px;max-width:16em}
.sub{color:var(--mute);max-width:38em;margin:0 0 28px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.facts{display:grid;gap:0;border-top:1px solid var(--line)}
.facts div{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}
.facts span{color:var(--mute)}.facts b{text-align:right}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:6px;padding:20px 22px}
.card h3{margin:0 0 8px;font-size:1.15rem;font-weight:800}
.card p{margin:0;color:var(--mute);font-size:.95rem}
.news .card{border-left-color:var(--green)}
.news time{display:block;color:var(--gold);font-size:.78rem;font-weight:600;margin-bottom:8px}
.steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;gap:0;border-top:1px solid var(--line)}
.steps li{counter-increment:s;display:grid;grid-template-columns:48px 1fr;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}
.steps li::before{content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--gold);color:#16200f;font-weight:800}
.steps b{display:block}.steps span{color:var(--mute);font-size:.95rem}
.contact{display:grid;gap:0;border-top:1px solid var(--line)}
.contact a,.contact div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}
.contact span{color:var(--mute)}
.contact a:hover b{color:var(--gold)}
footer{border-top:1px solid var(--line);background:#0b140f;color:var(--mute);font-size:.85rem}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:28px 0}
@media(max-width:860px){

header .wrap{flex-wrap:wrap}
nav{width:100%;flex-wrap:wrap;gap:4px 18px}
.js nav{display:none;flex-direction:column;align-items:stretch;gap:0;padding:6px 0 14px}
.js nav.open{display:flex}
.js nav a:not(.btn){padding:14px 2px;border-bottom:1px solid var(--line)}
.js nav .btn{margin-top:14px;justify-content:space-between}
.js .menu{display:inline-flex}
.hero .wrap,.two{grid-template-columns:1fr;gap:28px}
.hero{min-height:0;margin-top:-84px;padding-top:84px;background-position:78% center}.hero::before{background:linear-gradient(rgba(9,18,13,.78) 0,rgba(9,18,13,.55) 40%,rgba(9,18,13,.9) 100%)}.hero::after{display:none}.hero-mark{display:none}.hero .wrap{padding:28px 0 44px}
.badge{width:min(280px,76%);order:-1}
section{padding:44px 0}
}

.intro{display:none}
.intro-on .intro{display:block;position:fixed;inset:0;z-index:100;pointer-events:none}
.intro-bg{position:absolute;inset:0;background:radial-gradient(900px 600px at 50% 50%,#24472f 0%,var(--bg) 70%)}
.intro-logo{position:absolute;left:50%;top:50%;height:min(38vh,280px);width:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 24px 32px rgba(0,0,0,.5));will-change:transform}
.intro-on{overflow:hidden}
.intro-on .badge img{visibility:hidden}
header,.hero .wrap>div:first-child{transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.intro-on header{opacity:0;transform:translateY(-18px)}
.intro-on .hero .wrap>div:first-child{opacity:0;transform:translateY(20px)}
.intro-on.intro-go header,.intro-on.intro-go .hero .wrap>div:first-child{opacity:1;transform:none}
.news-more{margin-top:24px}
.alert{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--gold);border-radius:10px;overflow:hidden}
.alert>div{padding:20px 24px}
.alert>div:first-child{background:rgba(244,201,79,.1);border-right:1px solid rgba(244,201,79,.4)}
.alert b{display:block;margin-bottom:2px}
.alert span{color:#c3cfc6;font-size:.95rem}
.alert a{color:var(--gold);font-weight:700}
.donate{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:6px;padding:22px 26px;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.donate span{color:var(--mute);font-size:.85rem}
.donate b{display:block;font-size:clamp(1.6rem,5vw,2.2rem);color:var(--gold);letter-spacing:.02em;margin:2px 0 0;font-variant-numeric:tabular-nums}
button.btn{font:inherit;font-weight:700;font-size:.9rem;cursor:pointer;background:transparent;min-height:44px}
@supports(grid-template-rows:subgrid){#tevekenysegek .grid .card{display:grid;grid-row:span 2;grid-template-rows:subgrid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:0;align-content:start}#tevekenysegek .grid .card .ico{margin:0 0 12px;align-self:center}#tevekenysegek .grid .card h3{margin:0 0 12px;align-self:center;line-height:1.25}#tevekenysegek .grid .card p{grid-column:1/-1}}
@media(max-width:860px){.alert{grid-template-columns:1fr}.alert>div:first-child{border-right:0;border-bottom:1px solid rgba(244,201,79,.4)}}
.apply{grid-column:1/-1}
html.js .apply:not(.open){display:none}
.apply.rise{animation:rise .5s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
[hidden]{display:none!important}
.form-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.close{background:none;border:1px solid var(--line);color:var(--mute);font:inherit;font-size:.85rem;font-weight:600;padding:8px 14px;min-height:40px;border-radius:6px;cursor:pointer}
.close:hover{color:var(--text);border-color:var(--mute)}
.form{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:6px;padding:26px 28px}
.form h3{margin:0 0 6px;font-size:1.3rem;font-weight:800}
.form .hint{margin:0 0 22px;color:var(--mute);font-size:.92rem;max-width:52em}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-bottom:18px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field.full{grid-column:1/-1}
.field label{font-weight:600;font-size:.88rem}
.field input,.field textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:12px 14px;min-height:46px;width:100%}
.field textarea{resize:vertical;min-height:110px}
.field input::placeholder,.field textarea::placeholder{color:#7f8f84}
.was-validated input:invalid{border-color:#ff8a7a}
.check{display:flex;gap:12px;align-items:flex-start;color:#c3cfc6;font-size:.92rem;cursor:pointer}
.check input{flex:none;width:22px;height:22px;margin-top:2px;accent-color:var(--gold)}
.check a{color:var(--gold);text-decoration:underline}
.form .actions{margin-top:20px}
.result{margin-top:22px;border:1px solid rgba(244,201,79,.5);background:rgba(244,201,79,.08);border-radius:8px;padding:18px 20px}
.result[hidden]{display:none}
.result p{margin:0 0 12px;font-size:.95rem}
.result a{color:var(--gold);font-weight:700}
.result textarea{width:100%;font:inherit;font-size:.9rem;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:12px;margin-bottom:12px}
.done{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start;background:var(--card);border:1px solid rgba(76,211,122,.45);border-left:3px solid #4cd37a;border-radius:6px;padding:28px}
.done:focus{outline:none}
.done h3{margin:0 0 8px;font-size:1.4rem;font-weight:800}
.done p{margin:0;color:#c3cfc6;max-width:46em}
.done b{color:var(--text)}
.tick{width:72px;height:72px;flex:none}
.tick circle,.tick path{stroke:#4cd37a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.tick circle{stroke-dasharray:152;stroke-dashoffset:152;animation:draw .7s ease forwards}
.tick path{stroke-dasharray:40;stroke-dashoffset:40;animation:draw .45s .55s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.progress{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:18px 0 20px}
.progress li{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:.88rem;color:var(--mute)}
.progress li::before{content:"";width:10px;height:10px;border-radius:50%;background:#55655b}
.progress .ok{color:#7ee5a2;border-color:rgba(76,211,122,.5)}.progress .ok::before{background:#4cd37a}
.progress .now{color:var(--gold);border-color:rgba(244,201,79,.6)}.progress .now::before{background:var(--gold)}
.done-actions{display:flex;flex-wrap:wrap;gap:12px}
.done details{margin-top:18px;color:var(--mute);font-size:.92rem}
.done summary{cursor:pointer;font-weight:600;color:var(--text)}
.done details p{margin:10px 0}
.done details a{color:var(--gold);font-weight:700}
.done textarea{width:100%;font:inherit;font-size:.9rem;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:12px}
@media(max-width:860px){.fields{grid-template-columns:1fr}.form{padding:22px 18px}.done{grid-template-columns:1fr;gap:14px;padding:22px 18px}.tick{width:56px;height:56px}.close{padding:8px 10px}}
.progress-bar{position:fixed;left:0;top:0;width:100%;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}
header .wrap{transition:background .3s,box-shadow .3s}
header.scrolled .wrap{background:rgba(14,24,18,.95);box-shadow:0 18px 48px rgba(0,0,0,.55)}
.card{transition:transform .25s ease,border-color .25s ease}
.card:hover{transform:translateY(-3px);border-color:rgba(244,201,79,.45)}
html.rv-ready .rv{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
html.rv-ready .rv.in{opacity:1;transform:none}
html.rv-ready .kicker.rv::before{width:0;transition:width .8s .15s ease}
html.rv-ready .kicker.rv.in::before{width:36px}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 2px;min-height:56px;font-weight:700}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--gold);font-size:1.2rem;line-height:1;transition:transform .25s ease,background .25s ease}
.faq details[open] summary::after{transform:rotate(45deg);background:rgba(244,201,79,.12)}
.faq summary:hover{color:var(--gold)}
.faq details p{margin:0 0 18px;padding-right:46px;color:#c3cfc6;font-size:.96rem}
.faq details a{color:var(--gold);font-weight:600;text-decoration:underline}
@media(min-width:861px){#gyik .two>div:first-child{position:sticky;top:120px}}
.faq-note{margin:16px 0 0;color:var(--mute);font-size:.85rem}
.faq-note a{color:var(--gold);text-decoration:underline}
.ico{display:grid;place-items:center;justify-self:start;align-self:start;width:46px;height:46px;border-radius:12px;background:rgba(244,201,79,.12);margin-bottom:14px}
.ico svg{width:24px;height:24px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.crest{position:relative;overflow:hidden}
.crest::after{content:"";position:absolute;left:-60px;bottom:-150px;width:300px;height:440px;background:var(--crest) center/contain no-repeat;opacity:.045;filter:grayscale(.3);pointer-events:none;z-index:0}
.crest>.wrap{position:relative;z-index:1}
#tagfelvetel.crest::after{left:auto;right:-60px}
footer .wrap.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:44px;padding:52px 0 36px;justify-content:normal}
.foot-brand b{display:block;color:var(--text);font-size:1.05rem;text-transform:uppercase;line-height:1.15}
.foot-brand>span{display:block;color:var(--gold);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin:4px 0 12px}
.foot-brand p{margin:0 0 18px;color:#c3cfc6;max-width:22em;font-size:.95rem}
.foot-logo{height:72px;width:auto;margin-bottom:14px;display:block}
.foot-fb{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:600;font-size:.9rem;padding:8px 14px 8px 8px;border:1px solid var(--line);border-radius:999px}
.foot-fb i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--gold);color:#16200f;font-style:normal;font-weight:900;font-size:1rem;font-family:Georgia,serif}
.foot-fb:hover{border-color:var(--gold);color:var(--gold)}
.foot-col h3{margin:0 0 12px;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.foot-col a,.foot-col span{display:block;padding:5px 0;color:#c3cfc6;font-size:.93rem}
.foot-col a:hover{color:var(--gold)}
.foot-bottom{border-top:1px solid var(--line)}
.foot-bottom .wrap{padding:18px 0}
.to-top{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:25;width:48px;height:48px;border-radius:50%;border:1px solid rgba(244,201,79,.6);background:rgba(18,32,24,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--gold);display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s,transform .3s,visibility .3s,background .2s;box-shadow:0 10px 28px rgba(0,0,0,.45)}
.to-top.show{opacity:1;visibility:visible;transform:none}
.to-top:hover{background:var(--gold);color:#16200f}
.to-top svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:860px){footer .wrap.foot-grid{grid-template-columns:1fr;gap:28px;padding:40px 0 28px}.crest::after{width:240px;height:350px;left:auto;right:-60px;bottom:-80px}}
@media(min-width:861px) and (max-width:1010px){nav{gap:15px;font-size:.84rem}nav .btn{padding:10px 14px;gap:12px}header .wrap{gap:12px}}
.about-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.about-head h2{max-width:11em}
.factbar{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:36px 0 0;background:rgba(255,255,255,.02)}
.factbar>div{padding:18px 22px;border-right:1px solid var(--line)}
.factbar>div:last-child{border-right:0}
.factbar span{display:block;color:var(--mute);font-size:.8rem;margin-bottom:4px}
.factbar b{display:block;line-height:1.3}
.people{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.person{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:22px}
.avatar{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;margin-bottom:16px;font-style:normal;font-weight:800;letter-spacing:.04em;color:var(--gold);background:rgba(244,201,79,.1);border:1px solid rgba(244,201,79,.45)}
.person b{display:block;font-size:1.05rem;line-height:1.25}
.person span{display:block;color:var(--mute);font-size:.88rem;margin-top:4px}
.group+.group{margin-top:38px}
.group-title{display:flex;align-items:center;gap:16px;margin:0 0 16px;font-size:1.05rem;font-weight:800}
.group-title::after{content:"";flex:1;height:1px;background:var(--line)}
.steps-h{list-style:none;counter-reset:none;padding:0;margin:34px 0 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.steps-h li{position:relative;display:flex;flex-direction:column;gap:6px}
.steps-h li:not(:last-child)::after{content:"";position:absolute;top:21px;left:56px;right:-12px;height:2px;background:linear-gradient(90deg,rgba(244,201,79,.55),rgba(244,201,79,.12))}
.steps-h .n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--gold);color:#16200f;font-style:normal;font-weight:800;margin-bottom:10px}
.steps-h b{line-height:1.3}
.steps-h .t,.steps-h li>span{color:var(--mute);font-size:.93rem}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:8px}
.cta-row>span{color:var(--mute);font-size:.92rem}
#tagfelvetel .apply{margin-top:26px}
@media(max-width:1000px){.factbar{grid-template-columns:1fr 1fr}.factbar>div:nth-child(2){border-right:0}.factbar>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.people{grid-template-columns:1fr 1fr}.steps-h{grid-template-columns:1fr 1fr;gap:28px 24px}.steps-h li::after{display:none}}
@media(max-width:860px){.about-head{grid-template-columns:1fr;gap:20px}}
@media(max-width:520px){.people{grid-template-columns:1fr;gap:10px}.person{display:grid;grid-template-columns:56px 1fr;column-gap:14px;align-items:center;padding:14px 16px}.avatar{grid-row:span 2;margin:0}.person b,.person span{grid-column:2}.steps-h{grid-template-columns:1fr}.factbar>div{padding:14px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.tick circle,.tick path{animation:none!important;stroke-dashoffset:0!important}.apply.rise{animation:none!important}}
.m0{margin:0}
.pager{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}

/* ---- hírpörgető ---- */
.carousel{position:relative}
.carousel .slides{display:grid}
.carousel.is-js .slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s .6s}
.carousel.is-js .slide.on{opacity:1;visibility:visible;transition:opacity .6s ease}
.carousel:not(.is-js) .slide+.slide{margin-top:24px}
.car-ctl{display:flex;align-items:center;gap:10px;margin-top:14px}
.car-dots{display:flex;gap:6px;flex:1;min-width:0}
.car-dot{position:relative;flex:1;height:44px;padding:0;border:0;background:none;cursor:pointer}
.car-dot::before,.car-dot::after{content:"";position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:2px}
.car-dot::before{background:rgba(255,255,255,.18)}
.car-dot::after{background:var(--gold);transform:scaleX(0);transform-origin:left}
.car-dot:hover::before{background:rgba(255,255,255,.32)}
.car-dot.on::after{transform:scaleX(1);animation:car-fill var(--car-ms,20s) linear both}
.carousel.paused .car-dot.on::after{animation-play-state:paused}
.carousel.static .car-dot.on::after{animation:none;transform:scaleX(1)}
@keyframes car-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.car-btn{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--text);display:grid;place-items:center;cursor:pointer;padding:0;transition:border-color .2s,color .2s}
.car-btn:hover{border-color:var(--gold);color:var(--gold)}
.car-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.car-toggle .i-play{display:none;fill:currentColor;stroke-width:1}
.carousel.user-paused .car-toggle .i-play{display:block}
.carousel.user-paused .car-toggle .i-pause{display:none}
.older-h{margin:48px 0 0;font-size:1.3rem;font-weight:800}
.older-h+.ngrid{margin-top:16px}
/* ---- hírkártyák: a kép a háttér, a cím rajta; ráhúzva elmosódik, megjelenik a "Tovább olvasom" ---- */
.ncard{position:relative;display:block;overflow:hidden;border-radius:12px;border:1px solid var(--line);background:linear-gradient(135deg,#1d3a29,#0f1a14);color:var(--text);text-decoration:none;aspect-ratio:16/10;isolation:isolate;-webkit-tap-highlight-color:transparent}
.ncard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .45s ease;z-index:-2}
.ncard.noimg::before{content:"";position:absolute;inset:0;background:url(/assets/logo.webp) center 35%/auto 55% no-repeat;opacity:.1;z-index:-2}
.ncard-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,14,10,.94) 0,rgba(7,14,10,.62) 42%,rgba(7,14,10,.05) 78%);z-index:-1;transition:background .45s ease}
.ncard-text{position:absolute;left:0;right:0;bottom:0;padding:16px 18px 18px;display:flex;flex-direction:column;gap:4px}
.ncard time{color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.02em}
.ncard-title{font-size:1.08rem;line-height:1.28;font-weight:800;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.ncard-ex{color:#d3ddd5;font-size:.92rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}
.ncard-cta{position:absolute;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.85rem;color:#16200f;background:var(--gold);padding:8px 14px;border-radius:999px;right:14px;top:14px;transition:opacity .3s ease,transform .3s ease}
.ncard-cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ncard:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.ncard:active img{filter:blur(5px) brightness(.55)}
.ncard:active .ncard-shade{background:rgba(7,14,10,.55)}
@media(hover:hover){
 .ncard-cta{top:50%;right:auto;left:50%;font-size:.95rem;padding:11px 20px;opacity:0;transform:translate(-50%,-38%)}
 .ncard:hover img,.ncard:focus-visible img{filter:blur(6px) brightness(.5);transform:scale(1.07)}
 .ncard:hover .ncard-shade,.ncard:focus-visible .ncard-shade{background:linear-gradient(to top,rgba(7,14,10,.9) 0,rgba(7,14,10,.35) 70%)}
 .ncard:hover .ncard-cta,.ncard:focus-visible .ncard-cta{opacity:1;transform:translate(-50%,-50%)}
}
.ncard.wide{aspect-ratio:auto;height:clamp(300px,42vw,470px)}
.ncard.wide .ncard-text{padding:28px 32px 30px;max-width:760px}
.ncard.wide .ncard-title{font-size:clamp(1.4rem,3.2vw,2.3rem);line-height:1.15;-webkit-line-clamp:3}
.ncard.wide .ncard-ex{font-size:1rem;-webkit-line-clamp:3}
.ngrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}
.ngrid.mag{grid-template-columns:repeat(3,1fr);margin-top:26px}
.ngrid.mag .ncard.big{grid-column:span 2;grid-row:span 2;aspect-ratio:auto;min-height:420px}
.ngrid.mag .ncard.big .ncard-title{font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.18}
.ngrid.mag .ncard.big .ncard-text{padding:26px 28px 28px}
@media(max-width:980px){.ngrid.mag{grid-template-columns:repeat(2,1fr)}.ngrid.mag .ncard.big{grid-row:auto;aspect-ratio:16/10;min-height:0}}
@media(max-width:640px){.ngrid.mag{grid-template-columns:1fr}.ngrid.mag .ncard.big{grid-column:auto}.ncard.wide{height:clamp(320px,92vw,420px)}.ncard.wide .ncard-text{padding:20px 20px 22px}}
.news-more{display:flex;flex-wrap:wrap;gap:12px}

/* ---- al-oldalak (híreink, egy hír) ---- */
main.page{padding:34px 0 72px;min-height:60vh}
main.page .wrap.narrow{max-width:820px}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.88rem;color:var(--mute);margin-bottom:22px}
.crumbs a{color:var(--mute);text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.crumbs a:hover{color:var(--gold)}
main.page h1{margin:6px 0 10px;font-size:clamp(2rem,5vw,3rem);line-height:1.1;font-weight:800;letter-spacing:-.01em}
main.page>.wrap>.sub{margin:0 0 6px;color:var(--mute);max-width:60ch}
.pager{align-items:center}
.pager .pg{color:var(--mute);font-weight:600;font-size:.92rem}
.art-img{margin:0 0 26px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#0b140f}
.art-img img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}
.art-body p{margin:0 0 1.1em;font-size:1.06rem;line-height:1.75;color:#d6e0d8}
.art-nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
.art-pn{display:flex;flex-wrap:wrap;gap:10px}

/* ---- híroldal: újságszerű cikk ---- */
.art-wrap>.crumbs,.art{max-width:780px;margin-inline:auto}
.art-cat{display:inline-block;color:var(--gold);font-weight:800;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;min-height:28px}
.art-cat:hover{text-decoration:underline}
main.page .art-head h1{margin:6px 0 18px;font-size:clamp(1.9rem,5vw,3.1rem);line-height:1.1;letter-spacing:-.02em;font-weight:900;overflow-wrap:anywhere}
.art-lead{margin:0 0 20px;font-size:clamp(1.1rem,2.2vw,1.32rem);line-height:1.55;font-weight:600;color:var(--text);overflow-wrap:anywhere}
.art-meta{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:.9rem;color:var(--mute);padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.art-meta time{color:var(--gold);font-weight:700}
.art-body{overflow-wrap:anywhere}
.art-share{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:34px;padding-top:20px;border-top:1px solid var(--line)}
.art-share>span{color:var(--mute);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin-right:4px}
.art-more{margin-top:64px;padding-top:36px;border-top:1px solid var(--line)}
.art-more h2{margin:0 0 20px;font-size:clamp(1.4rem,3vw,1.9rem)}
.art-all{margin:26px 0 0}

/* ---- fotógaléria a híroldalon + nagyító ---- */
.gallery{margin-top:38px;padding-top:26px;border-top:1px solid var(--line)}
.gallery h2{margin:0 0 16px;font-size:1.4rem}
.gallery h2 span{display:inline-block;margin-left:8px;padding:1px 10px;border-radius:999px;background:rgba(244,201,79,.14);color:var(--gold);font-size:.85rem;font-weight:800;vertical-align:middle}
.gal-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:10px}
.gal-item{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:10px;border:1px solid var(--line);background:#0b140f;cursor:zoom-in}
.gal-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .3s}
@media(hover:hover){.gal-item:hover img{transform:scale(1.06);filter:brightness(1.08)}}
.gal-item:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.lb{position:fixed;inset:0;z-index:100;background:rgba(5,10,7,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 16px 16px;overscroll-behavior:contain}
.lb[hidden]{display:none}
.lb-fig{margin:0;max-width:min(1200px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:0}
.lb-fig img{max-width:100%;max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);object-fit:contain;border-radius:8px;display:block;background:#0b140f}
.lb-cap{color:#d3ddd5;font-size:.98rem;text-align:center;max-width:70ch;min-height:1.4em}
.lb-count{position:absolute;top:18px;left:18px;color:var(--mute);font-weight:700;font-size:.9rem}
.lb-btn{position:absolute;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(20,35,26,.85);color:var(--text);display:grid;place-items:center;cursor:pointer;padding:0}
.lb-btn:hover{border-color:var(--gold);color:var(--gold)}
.lb-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.lb-close{top:10px;right:12px}
.lb-prev{left:12px;top:50%;margin-top:-24px}
.lb-next{right:12px;top:50%;margin-top:-24px}
@media(max-width:640px){.lb{padding:52px 8px 8px}.lb-prev,.lb-next{top:auto;bottom:12px;margin-top:0}.lb-fig img{max-height:calc(100dvh - 190px)}}
body.lb-open{overflow:hidden}

/* ---- a cikk formázott szövege ---- */
.art-body h2{margin:1.7em 0 .6em;font-size:1.55rem;line-height:1.25;font-weight:800}
.art-body h3{margin:1.5em 0 .5em;font-size:1.25rem;line-height:1.3;font-weight:800}
.art-body ul,.art-body ol{margin:0 0 1.2em;padding-left:1.4em;font-size:1.06rem;line-height:1.75;color:#d6e0d8}
.art-body li{margin:.3em 0}
.art-body li>ul,.art-body li>ol{margin:.3em 0 .3em}
.art-body blockquote{margin:0 0 1.3em;padding:.1em 0 .1em 1.1em;border-left:3px solid var(--gold);color:#e3ebe5}
.art-body blockquote p{margin:.5em 0}
.art-body strong{color:var(--text)}
.art-body a,.art-lead a{color:var(--gold);text-underline-offset:3px}
.art-body>:first-child{margin-top:0}
.art-body .fs-s,.art-lead .fs-s{font-size:.82em}
.art-body .fs-l,.art-lead .fs-l{font-size:1.35em}
.art-body .fs-xl,.art-lead .fs-xl{font-size:1.8em;line-height:1.25}

/* ---- tájékoztató sáv ---- */
.cookie-note{position:fixed;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:60;max-width:760px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:14px 16px 14px 20px;border:1px solid rgba(244,201,79,.45);border-radius:10px;background:rgba(15,26,20,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 14px 40px rgba(0,0,0,.55);opacity:0;transform:translateY(16px);transition:opacity .35s,transform .35s}
.cookie-note.show{opacity:1;transform:none}.cookie-note.hide{opacity:0;transform:translateY(16px)}
.cookie-note p{margin:0;flex:1;font-size:.92rem;line-height:1.5;color:var(--mute)}
.cookie-note b{color:var(--text)}.cookie-note a{color:var(--gold);text-underline-offset:3px;white-space:nowrap}
.cookie-note .btn{padding:10px 20px;cursor:pointer;font:inherit;font-weight:700;font-size:.9rem;flex:none}
@media(max-width:560px){.cookie-note{flex-direction:column;align-items:stretch;gap:10px;padding:14px}.cookie-note .btn{justify-content:center}}
.hero h1{font-size:clamp(2.4rem,5.4vw,4.4rem);line-height:1.14;letter-spacing:-.025em;margin:22px 0 26px}
@media(max-width:860px){.hero h1{font-size:clamp(2.1rem,9.5vw,3rem);line-height:1.15}}

/* ---- hero v2: Turul-fotó a jobb oldalon, balra elsötétedés ---- */
.hero{background:#0a140f}
.hero::before{content:"";position:absolute;top:0;bottom:0;left:auto;right:0;width:63%;z-index:-2;background:url(/assets/hero.webp) center/100% auto no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%),linear-gradient(transparent calc(50% - 31%),#000 calc(50% - 20%),#000 calc(50% + 19%),transparent calc(50% + 30%));-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 34%),linear-gradient(transparent calc(50% - 31%),#000 calc(50% - 20%),#000 calc(50% + 19%),transparent calc(50% + 30%));mask-composite:intersect}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(10,20,15,.92) 0,rgba(10,20,15,.5) 38%,rgba(10,20,15,0) 68%),linear-gradient(rgba(9,18,13,.6) 0,transparent 22%,transparent 80%,var(--bg) 100%)}
.hero-mark{display:none}
.hero .wrap{grid-template-columns:1.1fr .9fr}
.hero .badge{position:absolute;right:max(24px,4vw);bottom:3%;width:118px;aspect-ratio:auto;z-index:2}
.hero .badge::before{inset:-30%}
.hero .badge img{width:100%}
@media(max-width:860px){
.hero{background-position:center}
.hero::before{width:100%;-webkit-mask-image:none;mask-image:none;background-size:cover;background-position:60% center}
.hero::after{display:block;background:linear-gradient(rgba(9,18,13,.8) 0,rgba(9,18,13,.55) 38%,rgba(9,18,13,.92) 100%)}
.hero .badge{position:relative;right:auto;bottom:auto;width:min(210px,56%);justify-self:center;order:-1}
}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr}}
@media(min-width:861px){
.hero{min-height:min(76vh,680px)}
.hero::before{width:70%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%),linear-gradient(transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 34%),linear-gradient(transparent 0,#000 12%,#000 88%,transparent 100%);background-size:cover;background-position:8% center}
}

/* ---- hero v3: értéksáv, legördülő menü ---- */
.hero{grid-template-rows:1fr auto;align-items:stretch}
.hero>.wrap:first-of-type{align-items:center}
.hero-vals{display:flex;gap:0;padding:22px 0 30px;border-top:0;position:relative}
.hero-vals>div{display:flex;align-items:center;gap:12px;padding:0 30px;border-left:1px solid var(--line)}
.hero-vals>div:first-child{padding-left:0;border-left:0}
.hero-vals svg{width:34px;height:34px;flex:none;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hero-vals b{display:block;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.hero-vals small{display:block;color:var(--mute);font-size:.8rem;margin-top:2px}
.dd{position:relative;display:inline-flex}
.dd>a{display:inline-flex;align-items:center;gap:7px}
.chev{width:10px;height:7px;transition:transform .2s}
.dd-menu{position:absolute;left:-14px;top:100%;min-width:250px;margin-top:14px;padding:8px;display:grid;gap:2px;background:rgba(15,26,20,.97);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s}
.dd-menu::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.dd-menu a{padding:10px 12px;border-radius:8px;font-weight:600;font-size:.88rem;white-space:nowrap}
.dd-menu a:hover{background:rgba(244,201,79,.1);color:var(--gold)}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{opacity:1;visibility:visible;transform:none}
.dd:hover .chev,.dd:focus-within .chev{transform:rotate(180deg)}
@media(max-width:860px){
.hero{grid-template-rows:auto auto}
.hero-vals{padding:4px 0 28px;gap:10px;flex-wrap:wrap}
.hero-vals>div{padding:0 12px 0 0;border:0;flex:1 1 30%;min-width:0}
.hero-vals svg{width:26px;height:26px}.hero-vals small{display:none}.hero-vals b{font-size:.7rem}
.dd{display:block}.dd>a .chev{display:none}
.dd-menu{position:static;opacity:1;visibility:visible;transform:none;margin:0 0 6px;padding:0 0 0 14px;min-width:0;background:none;border:0;box-shadow:none;border-radius:0}
.dd-menu::before{display:none}
.js nav .dd-menu a{padding:11px 2px;border-bottom:1px solid var(--line);font-weight:500;color:var(--mute)}
}
.hero .hero-vals{display:flex;grid-template-columns:none;gap:0}
.hero{min-height:min(80vh,720px)}
@media(max-width:860px){.hero .hero-vals{gap:10px}.js nav .dd>a{display:flex}.hero{min-height:0}}
@media(max-width:860px){.hero .hero-vals{flex-wrap:nowrap}.hero-vals>div{flex:1 1 0;flex-direction:column;align-items:flex-start;gap:8px;padding:0}.hero-vals b{font-size:.66rem;letter-spacing:.06em}}
@media(min-width:861px){.hero{min-height:0}.hero>.wrap:first-of-type{padding:56px 0 26px}.hero-vals{padding:14px 0 28px}.hero .badge{bottom:7%}}
@media(max-width:860px){.hero .badge{width:min(150px,42%)}}
@media(max-width:860px){
.hero{background:#0a140f}
.hero::before{top:0;bottom:auto;height:560px;width:100%;background-size:cover;background-position:9% top;-webkit-mask-image:linear-gradient(#000 0,#000 62%,transparent 100%);mask-image:linear-gradient(#000 0,#000 62%,transparent 100%)}
.hero::after{background:linear-gradient(rgba(9,18,13,.55) 0,rgba(9,18,13,0) 22%,rgba(9,18,13,0) 40%,rgba(9,18,13,.88) 60%,var(--bg) 100%)}
.hero>.wrap:first-of-type{padding-top:290px}
.hero .badge{position:absolute;order:0;right:16px;top:104px;bottom:auto;width:84px;justify-self:auto}
.hero .badge::before{inset:-25%}
}
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.form-err{margin:0 0 14px;padding:12px 14px;border:1px solid rgba(255,120,120,.5);background:rgba(255,90,90,.1);border-radius:8px;color:#ffd3d3;font-size:.92rem}
.form-err[hidden]{display:none}
