.edu-page{--accent:#0866a9;--yellow:#ffcc35}
.edu-hero{background:linear-gradient(135deg,#edf8ff 0%,#fffefa 58%,#fff3c8 100%)}
.edu-logo img{display:block;max-width:330px;height:auto;border-radius:0;box-shadow:none;filter:drop-shadow(0 18px 24px #12365620)}
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.topic-grid a{display:flex;flex-direction:column;justify-content:space-between;min-height:120px;padding:20px;border:1px solid #d7e8f3;border-radius:18px;background:#fff;transition:transform .18s,border-color .18s,box-shadow .18s}.topic-grid a:hover{transform:translateY(-4px);border-color:#0866a9;box-shadow:0 10px 26px #12365610}.topic-grid strong{font-size:19px}.topic-grid span{font-size:14px;color:#647988}
.edu-cta{background:#eaf6fc;border-top:1px solid #cfe6f3;border-bottom:1px solid #cfe6f3}.edu-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:46px;padding-bottom:46px}.edu-cta h2{font-size:34px;line-height:1.15;margin:0 0 10px}.edu-cta p{margin:0;max-width:700px;color:#526b7c}.edu-cta .eyebrow{margin-bottom:8px}
@media(max-width:820px){.topic-grid{grid-template-columns:1fr 1fr}.edu-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.topic-grid{grid-template-columns:1fr}.edu-logo img{max-width:220px}.edu-cta h2{font-size:29px}.edu-cta .button{width:100%}}

/* CTA polish */
.edu-cta{background:linear-gradient(135deg,#eaf6fc 0%,#f5fbff 55%,#fff8df 100%);border-top:1px solid #cfe6f3;border-bottom:1px solid #cfe6f3}
.edu-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:48px;padding-top:54px;padding-bottom:54px}
.edu-cta h2{font-size:36px;line-height:1.12;margin:0 0 11px}.edu-cta p{margin:0;max-width:720px;color:#526b7c;line-height:1.65}.edu-cta .eyebrow{margin-bottom:9px}.edu-cta .button{flex:0 0 auto;border:2px solid #123656}

/* Dalötlet modal */
.idea-dialog{width:min(720px,calc(100% - 32px));max-height:90dvh;padding:0;border:0;border-radius:24px;background:#fff;box-shadow:0 30px 90px #1028424a;color:#123656}
.idea-dialog::backdrop{background:#102842b8;backdrop-filter:blur(5px)}
.idea-form{padding:30px}
.idea-form__head{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding-bottom:22px;border-bottom:1px solid #dfebf3}
.idea-form__head .eyebrow{margin:0 0 7px;color:#0866a9}.idea-form__head h2{font-size:30px;line-height:1.12;margin:0 0 8px}.idea-form__head p{font-size:14px;color:#667a89;margin:0;max-width:560px}
.idea-close{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:0;border-radius:50%;background:#eef6fb;color:#123656;font:inherit;font-size:28px;line-height:1;cursor:pointer}
.idea-close:hover{background:#dceef8}
.idea-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.idea-fields label{display:block;font-size:13px;font-weight:900;color:#34566f}.idea-fields label span{font-weight:600;color:#8495a1}
.idea-fields input,.idea-fields textarea{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1.5px solid #bfd6e5;border-radius:12px;background:#fbfdff;color:#123656;font:inherit;font-weight:600;outline:0}
.idea-fields textarea{resize:vertical;min-height:135px}
.idea-fields input:focus,.idea-fields textarea:focus{border-color:#0866a9;box-shadow:0 0 0 3px #0866a91a}
.idea-wide{grid-column:1/-1}
.idea-form__actions{display:flex;align-items:center;gap:18px;margin-top:22px}.idea-form__actions .button{border:2px solid #123656}
.idea-status{margin:0;font-size:13px;color:#5e7282}
.idea-status.is-error{color:#a52c2c}.idea-status.is-success{color:#0d7544}
.idea-form.is-sending{opacity:.72;pointer-events:none}
@media(max-width:620px){.edu-cta-inner{padding-top:44px;padding-bottom:44px}.edu-cta h2{font-size:30px}.edu-cta .button{width:100%}.idea-form{padding:22px}.idea-form__head h2{font-size:26px}.idea-fields{grid-template-columns:1fr}.idea-wide{grid-column:auto}.idea-form__actions{align-items:stretch;flex-direction:column}.idea-form__actions .button{width:100%}}


/* 2026-09-13 · education page polish */
.edu-page{background:radial-gradient(circle at 8% 3%,rgba(99,192,237,.16),transparent 270px),#fffefa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.edu-page h1,.edu-page h2,.edu-page h3{letter-spacing:-.025em;text-wrap:balance}
.edu-page .edu-hero{border-radius:34px;border-color:#d4e6f0;box-shadow:0 22px 60px rgba(18,54,86,.09);background:radial-gradient(circle at 90% 10%,rgba(255,204,53,.18),transparent 240px),linear-gradient(135deg,#edf8ff 0%,#fffefa 62%,#fff5ce 100%)}
.edu-page .feature,.edu-page .topic-grid a{border-color:#d5e6f0;box-shadow:0 10px 28px rgba(18,54,86,.08)}
.edu-page .feature{position:relative;overflow:hidden}
.edu-page .feature::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#76c8ef,#0866a9)}
.edu-page .topic-grid a:hover{box-shadow:0 17px 38px rgba(18,54,86,.12)}
.edu-page .edu-cta{border-block-color:#cfe4ef;background:radial-gradient(circle at 90% 30%,rgba(255,204,53,.16),transparent 230px),linear-gradient(135deg,#eaf6fc,#f9fcfe 60%,#fff9e7)}
.edu-page .button{min-height:50px;border-width:1.5px;box-shadow:0 5px 0 rgba(18,54,86,.18)}
@media(max-width:620px){.edu-page{background:#fffefa}.edu-page .edu-hero{border-radius:24px;box-shadow:0 14px 36px rgba(18,54,86,.08)}}


/* 2026-10-13 — prevent wide Hungarian headings/CTAs from clipping on phones. */
.edu-page .edu-hero{min-width:0;max-width:100%;box-sizing:border-box}
.edu-page .edu-hero >div{min-width:0;max-width:100%}
.edu-page .edu-hero h1{max-width:100%;hyphens:auto;overflow-wrap:anywhere;word-break:normal}
.edu-page .edu-hero .actions{max-width:100%}
.edu-page .edu-cta-inner>div{min-width:0}
.edu-page .edu-cta .button{max-width:100%;box-sizing:border-box;text-align:center;white-space:normal;overflow-wrap:anywhere}
.edu-page .idea-fields{min-width:0}
.edu-page .idea-fields>label{min-width:0}
.edu-page .idea-dialog{box-sizing:border-box;max-width:calc(100vw - 24px)}
@media(max-width:620px){
 .edu-page .edu-hero{grid-template-columns:minmax(0,1fr);padding:clamp(18px,5.5vw,28px)}
 .edu-page .edu-hero h1{font-size:clamp(30px,8.8vw,41px);line-height:1.08;letter-spacing:-.035em}
 .edu-page .edu-hero .actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
 .edu-page .edu-hero .actions .button{width:100%;min-width:0;max-width:100%}
 .edu-page .edu-hero .pills{gap:8px}
 .edu-page .edu-hero .pill{font-size:12px}
 .edu-page .edu-cta-inner{min-width:0;gap:22px}
 .edu-page .edu-cta-inner .button{width:100%;min-width:0}
}