:root { --ink:#102a43; --ink-soft:#486581; --navy:#123b5d; --blue:#1e6f9f; --ice:#eaf6fb; --ice-2:#f5fbfd; --line:#d8e8ef; --white:#fff; --coral:#ef6a5b; --shadow:0 22px 60px rgb(15 59 88/11%); --radius:1.35rem; --background:#fff; --foreground:#102a43; --card:#fff; --card-foreground:#102a43; --primary:#123b5d; --primary-foreground:#fff; --secondary:#eaf6fb; --secondary-foreground:#123b5d; --muted:#f5fbfd; --muted-foreground:#486581; --accent:#dff2f8; --accent-foreground:#123b5d; --border:#d8e8ef; --input:#d8e8ef; --ring:#1e6f9f; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--white);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1rem;line-height:1.65} a{color:inherit;text-decoration:none} button,a{-webkit-tap-highlight-color:transparent}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-frame{min-height:100vh;overflow:hidden}
.topbar{background:var(--navy);color:#edf8fc;font-size:.82rem}.topbar-inner{min-height:38px;display:flex;align-items:center;gap:28px}.topbar a,.topbar span{display:inline-flex;align-items:center;gap:7px;opacity:.92}.site-header{position:sticky;top:0;z-index:50;background:rgb(255 255 255/94%);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;flex:0 0 auto}.brand-mark{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--blue),var(--navy));box-shadow:0 9px 22px rgb(30 111 159/24%)}.brand-mark svg{width:29px;height:29px}.brand strong,.brand small{display:block;line-height:1.08}.brand strong{color:var(--navy);letter-spacing:.09em;font-size:1.02rem}.brand small{margin-top:5px;color:var(--ink-soft);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.main-nav{display:flex;align-items:center;gap:6px}.main-nav a{padding:11px 10px 9px;border-radius:10px;color:#355b72;font-size:.9rem;font-weight:650;transition:background .2s,color .2s}.main-nav a:hover,.main-nav a.active{color:var(--navy);background:var(--ice)}.main-nav a.active{box-shadow:inset 0 -2px 0 var(--blue)}.menu-button{display:none;border:0;background:var(--ice);color:var(--navy);width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer}.menu-button span{display:block;width:20px;height:2px;border-radius:2px;background:currentColor}
.hero{position:relative;min-height:610px;display:grid;align-items:center;isolation:isolate;background:#dfeff5}.hero-media{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgb(9 39 61/88%) 0%,rgb(14 57 85/70%) 38%,rgb(14 57 85/14%) 69%,transparent 100%)}.hero-copy{max-width:665px;color:#fff;padding:90px 0}.eyebrow{margin:0 0 14px;color:#d8f2ff;font-size:.78rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow.blue{color:var(--blue)}.hero h1,.page-intro h1{margin:0;font-size:clamp(2.7rem,6vw,5.15rem);line-height:.99;letter-spacing:-.055em;text-wrap:balance}.hero-lead{max-width:620px;margin:25px 0 0;color:#eff9fd;font-size:clamp(1.05rem,2vw,1.23rem);line-height:1.65}.hero-actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px}.button{min-height:50px;padding:0 21px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:760;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--coral);box-shadow:0 12px 28px rgb(239 106 91/28%)}.button-light{color:var(--navy);background:#fff;box-shadow:0 12px 28px rgb(12 37 54/12%)}
.quick-info{position:relative;z-index:3;margin-top:-30px}.quick-info-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.quick-info-grid>div{padding:24px 28px}.quick-info-grid>div+div{border-left:1px solid var(--line)}.quick-info span,.quick-info strong,.quick-info a,.quick-info small{display:block}.quick-info span{color:var(--blue);font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.quick-info strong,.quick-info a{margin-top:3px;color:var(--navy);font-weight:780;font-size:1.02rem}.quick-info small{color:var(--ink-soft);font-size:.78rem}
.section{padding-block:92px}.section-tint{background:var(--ice-2)}.section-heading{margin-bottom:36px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.section-heading.compact{align-items:center}.section-heading h2,.split-card h2,.content-split h2,.instructor-card h2,.terms h2,.price-block h2,.contact-card h2,.article-card h2,.cta-panel h2{margin:0;color:var(--navy);font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.12;letter-spacing:-.035em}.section-heading>p{margin:0;color:var(--ink-soft);font-size:1.05rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{min-height:280px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:transform .22s,border-color .22s,box-shadow .22s}.service-card:hover{transform:translateY(-5px);border-color:#b7d9e8;box-shadow:var(--shadow)}.icon-box{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:var(--ice);color:var(--blue)}.service-card h3{margin:26px 0 8px;color:var(--navy);font-size:1.35rem}.service-card p{margin:0 0 22px;color:var(--ink-soft)}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-weight:780}.split-card{padding:45px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;border-radius:calc(var(--radius) + 6px);background:linear-gradient(135deg,#e3f5fb,#f8fdff);border:1px solid #d3ebf4}.benefits{display:grid;gap:9px}.benefits p{margin:0;padding:15px 18px;display:flex;align-items:center;gap:12px;background:rgb(255 255 255/75%);border-radius:13px;color:var(--navy);font-weight:670}.benefits svg{color:var(--coral);flex:0 0 auto}.news-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}.news-card{min-height:240px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--radius);background:var(--ice)}.news-card.featured{color:#fff;background:linear-gradient(145deg,var(--blue),var(--navy))}.news-card h3{margin:10px 0 7px;font-size:1.4rem;line-height:1.2}.news-card p{margin:0;opacity:.8}.news-date{color:var(--coral);font-size:.75rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.footer{padding-top:65px;color:#d7ebf4;background:#0b2e46}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr .7fr;gap:70px;padding-bottom:48px}.footer-brand strong{color:#fff}.footer-brand small{color:#b7d7e6}.footer-grid p{color:#b7d7e6;margin:16px 0 0}.footer-grid h3{margin:0 0 15px;color:#fff;font-size:.95rem}.footer-grid>div:nth-child(2) p,.footer-grid>div:nth-child(2) a{display:flex;align-items:center;gap:8px;margin:9px 0}.footer-bottom{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgb(255 255 255/12%);color:#9fc5d6;font-size:.85rem}
.page-intro{padding:94px 0 86px;color:#fff;background:linear-gradient(122deg,#103b59 0%,#1f719f 70%,#6bb3d4 130%)}.page-intro .wrap{max-width:980px;margin-left:max(20px,calc((100% - 1180px)/2))}.page-intro h1{font-size:clamp(2.7rem,5vw,4.6rem)}.page-intro .wrap>p:last-child{max-width:730px;margin:22px 0 0;color:#e6f6fc;font-size:1.12rem}.content-split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}.lead{margin:20px 0 28px;color:var(--ink-soft);font-size:1.08rem}.check-list{padding:26px;background:var(--ice-2);border:1px solid var(--line);border-radius:var(--radius)}.check-list p{margin:0;padding:16px 10px;display:flex;align-items:center;gap:12px;color:var(--navy);font-weight:680;border-bottom:1px solid var(--line)}.check-list p:last-child{border-bottom:0}.check-list svg{color:var(--coral)}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.article-card{position:relative;min-height:260px;padding:34px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.article-card h2{font-size:1.65rem}.article-card>p:not(.eyebrow){max-width:90%;color:var(--ink-soft)}.article-number{position:absolute;right:22px;top:12px;color:var(--ice);font-size:4rem;font-weight:900;line-height:1}.cta-panel{margin-top:24px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:35px;color:#fff;background:var(--navy);border-radius:var(--radius)}.cta-panel h2{color:#fff;max-width:650px;font-size:2rem}.instructor-card{padding:44px;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;background:var(--ice-2);border:1px solid var(--line);border-radius:var(--radius)}.instructor-card>div:first-child>p:not(.eyebrow){color:var(--ink-soft)}.lesson-types{padding:28px;color:#fff;background:var(--navy);border-radius:18px}.lesson-types h3{margin:0 0 15px;font-size:1.2rem}.lesson-types p{margin:0;padding:10px 0;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgb(255 255 255/13%)}.lesson-types svg{color:#76d5f0}.lesson-types small{display:block;margin-top:15px;color:#b9dce9}.terms{margin-top:70px}.terms-grid{margin-top:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.terms-grid p{margin:0;padding:22px;color:var(--ink-soft);border-left:3px solid var(--coral);background:var(--ice-2)}.terms-grid strong{display:block;margin-bottom:5px;color:var(--navy)}
.price-page{display:grid;gap:55px}.price-block h2{margin-bottom:19px;font-size:1.75rem}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 30px rgb(15 59 88/6%)}table{width:100%;min-width:920px;border-collapse:collapse;background:#fff;font-size:.9rem}th,td{padding:15px 14px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}th{color:#fff;background:var(--navy);font-size:.77rem;letter-spacing:.02em}th:first-child,td:first-child{position:sticky;left:0;z-index:1;text-align:left;font-weight:720}th:first-child{background:var(--navy)}td:first-child{color:var(--navy);background:#fff}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:var(--ice-2)}.service-prices{border:1px solid var(--line);border-radius:16px;overflow:hidden}.service-prices p{margin:0;padding:17px 20px;display:grid;grid-template-columns:1fr auto;gap:3px 20px;border-bottom:1px solid var(--line)}.service-prices p:last-child{border:0}.service-prices strong{color:var(--blue)}.service-prices small{grid-column:1/-1;color:var(--ink-soft)}.discount-strip{padding:25px 30px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 28px;color:#fff;background:linear-gradient(100deg,var(--coral),#f18b67);border-radius:16px}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.contact-card{min-height:255px;padding:34px;border:1px solid var(--line);border-radius:var(--radius)}.contact-card.accent{background:var(--ice-2)}.contact-card h2{margin-top:25px;font-size:1.5rem}.contact-card p{color:var(--ink-soft)}.contact-big{display:block;margin-top:12px;color:var(--blue);font-size:clamp(1.15rem,3vw,1.5rem);font-weight:800;word-break:break-word}
@media(max-width:990px){.topbar-inner span{display:none}.menu-button{display:inline-flex}.main-nav{position:absolute;top:calc(100% + 1px);left:0;right:0;display:none;padding:16px 20px 22px;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 40px rgb(12 46 70/10%)}.main-nav.is-open{display:flex}.main-nav a{padding:12px 14px}.main-nav a.active{box-shadow:inset 3px 0 0 var(--blue)}.section-heading,.split-card,.content-split,.instructor-card{grid-template-columns:1fr;gap:32px}.service-grid{grid-template-columns:1fr 1fr}.news-grid{grid-template-columns:1fr 1fr}.news-card.featured{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:680px){.wrap{width:min(100% - 28px,1180px)}.topbar-inner{min-height:35px;justify-content:space-between;gap:10px;font-size:.72rem}.topbar-inner a:nth-child(2){display:none}.header-inner{min-height:72px}.brand-mark{width:42px;height:42px}.hero{min-height:570px;align-items:end}.hero-media{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgb(7 35 55/92%),rgb(10 46 69/56%)),linear-gradient(0deg,rgb(7 35 55/85%),transparent 55%)}.hero-copy{padding:78px 0 82px}.hero h1{font-size:clamp(2.55rem,13vw,3.6rem)}.hero-actions,.hero-actions .button{width:100%}.quick-info{margin-top:0}.quick-info-grid{width:100%;border-radius:0;grid-template-columns:1fr;box-shadow:none}.quick-info-grid>div{padding:18px 22px}.quick-info-grid>div+div{border-left:0;border-top:1px solid var(--line)}.section{padding-block:68px}.section-heading{gap:16px}.service-grid,.news-grid,.article-grid,.terms-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.news-card.featured,.footer-grid>div:first-child{grid-column:auto}.split-card,.instructor-card{padding:28px 22px}.cta-panel{padding:28px 22px;align-items:stretch;flex-direction:column}.page-intro{padding:72px 0 65px}.page-intro .wrap{margin-inline:auto}.page-intro h1{font-size:2.85rem}.footer-grid{gap:38px}.footer-bottom{padding:18px 0;align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}
.icon-box{font-size:1.55rem;line-height:1}
.price-page{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%}
.price-block{min-width:0;max-width:100%}
.table-scroll{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--blue) var(--ice)}
.table-scroll:focus-visible{outline:3px solid rgb(30 111 159/28%);outline-offset:3px}
.table-scroll::-webkit-scrollbar{height:11px}
.table-scroll::-webkit-scrollbar-track{background:var(--ice);border-radius:999px}
.table-scroll::-webkit-scrollbar-thumb{background:var(--blue);border:2px solid var(--ice);border-radius:999px}
.table-scroll::-webkit-scrollbar-thumb:hover{background:var(--navy)}
.scroll-hint{display:none;margin:0 0 10px;color:var(--blue);font-size:.84rem;font-weight:750}
@media(max-width:680px){.scroll-hint{display:block}.price-page{width:calc(100% - 28px)}.table-scroll table{min-width:820px}.table-scroll{padding-bottom:2px}}

/* Az árak rövidek maradnak, a hosszabb megnevezések viszont természetesen törhetnek. */
.table-scroll th{
  min-width:82px;
  white-space:normal;
  line-height:1.3;
  vertical-align:middle;
}
.table-scroll table{
  table-layout:fixed;
}
.table-scroll td{
  vertical-align:middle;
}
.table-scroll td:not(:first-child){
  white-space:nowrap;
}
.table-scroll th:first-child,
.table-scroll td:first-child{
  width:220px;
  min-width:190px;
  max-width:220px;
  white-space:normal;
  overflow-wrap:break-word;
  hyphens:auto;
  line-height:1.4;
}
.table-scroll th:last-child{
  width:118px;
  max-width:118px;
}
.service-prices p{
  grid-template-columns:minmax(0,1fr) auto;
}

@media(max-width:680px){
  .table-scroll table{min-width:820px}
  .table-scroll th:first-child,
  .table-scroll td:first-child{
    width:180px;
    min-width:160px;
    max-width:180px;
  }
}