*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Jost',sans-serif;background:var(--cream);color:var(--text-mid);overflow-x:hidden;}


nav{display:flex;align-items:center;justify-content:space-between;padding:18px 56px;background:rgba(247,242,235,0.96);border-bottom:1px solid rgba(184,148,58,0.18);}
.nav-logo{display:flex;align-items:center;gap:18px;text-decoration:none;}
.nav-logo img{height:48px;width:auto;}
.nav-back{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--forest);font-weight:500;border-bottom:1px solid var(--gold);padding-bottom:2px;}

.hero-strip{background:var(--forest);padding:60px 80px;text-align:center;position:relative;overflow:hidden;}
.hero-strip-tag{font-size:18px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-light);margin-bottom:12px;}
.hero-strip-title{font-family:font-size:clamp(36px,4vw,56px);font-weight:500;color:var(--cream);margin-bottom:12px;line-height:1.2;}
.hero-strip-sub{font-family:font-size:22px;font-style:italic;color:var(--gold-light);opacity:.8;}

.page-wrap{max-width:900px;margin:0 auto;padding:70px 40px 100px;}

.sec-tag{display:flex;align-items:center;gap:18px;font-size:18px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:18px;}
.sec-tag::before,.sec-tag::after{content:'';width:34px;height:1px;background:var(--gold);opacity:.5;}
.sec-orn{text-align:center;color:var(--gold);font-size:16px;letter-spacing:5px;opacity:.55;margin-bottom:16px;}
.sec-title{font-family:font-size:clamp(28px,3vw,40px);font-weight:400;text-align:center;color:var(--forest);margin-bottom:36px;line-height:1.2;}

.block{margin-bottom:52px;}

.highlight{background:var(--cream-mid);border-left:3px solid var(--gold);padding:24px 28px;margin:20px 0;}
.highlight p{font-size:17px;line-height:2.1;color:var(--text-light);font-weight:500;}

/* KÉPZÉS KÁRTYÁK */
.course-block{background:var(--cream);border:1px solid var(--beige);margin-bottom:28px;overflow:hidden;transition:box-shadow .3s;}
.course-block:hover{box-shadow:0 8px 40px rgba(42,77,18,.1);}
.course-header{background:#c6c6a2;padding:24px 32px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.course-num{font-family:font-size:48px;font-weight:400;color:rgba(255,255,255,.15);line-height:1;}
.course-header-text{flex:1;}
.course-level{font-size:18px;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-dark);margin-bottom:6px;font-weight:500;}
.course-name{font-family:font-size:clamp(20px,2.5vw,28px);font-weight:500;color:var(--text-dark);line-height:1.2;margin-bottom:4px;}
.course-tagline{font-family:font-size:18px;font-style:italic;color:var(--text-mid);opacity:.8;}
.course-body{padding:28px 32px;}
.course-desc{font-size:17px;line-height:2.1;color:var(--text-light);font-weight:400;margin-bottom:20px;}
.course-feats{list-style:none;margin-bottom:24px;display:grid;grid-template-columns:1fr 1fr;gap:4px;}
.course-feats li{font-size:16px;color:var(--text-mid);padding:5px 0;display:flex;align-items:flex-start;gap:8px;font-weight:400;line-height:1.5;}
.course-feats li::before{content:'✔';color:var(--forest-mid);font-size:17px;flex-shrink:0;margin-top:2px;}
.course-meta{display:flex;flex-wrap:wrap;gap:16px;padding-top:20px;border-top:1px solid var(--beige);}
.course-meta-item{font-size:16px;color:var(--text-light);font-weight:300;}
.course-price{display:inline-block;background:var(--accent-color);color:var(--cream);padding:12px 28px;font-size:16px;letter-spacing:1px;font-family:'Jost',sans-serif;font-weight:500;margin-top:16px;}
.course-price:hover {background:var(--gold); color:var(--text-mid)}

.warning-box{background:var(--forest);padding:28px 32px;margin:32px 0;border-left:4px solid var(--gold);}
.warning-box p{font-size:17px;color:rgba(255,255,255,.8);line-height:1.85;font-weight:300;}
.warning-box strong{color:var(--gold-light);}

.flex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0;}
.flex-item{background:var(--cream-mid);border:1px solid var(--beige);padding:22px 18px;text-align:center;}
.flex-icon{font-size:28px;margin-bottom:18px;}
.flex-title{font-family:font-size:16px;font-weight:600;color:var(--forest);margin-bottom:8px;}
.flex-text{font-size:12.5px;color:var(--text-light);line-height:1.7;font-weight:300;}

.cta-box{background:var(--forest-dark);padding:44px 48px;text-align:center;margin-top:52px;}
.cta-box h3{font-family:font-size:28px;font-weight:300;color:var(--cream);margin-bottom:8px;}
.cta-box p{font-size:18px;color:rgba(255,255,255,.55);margin-bottom:24px;font-weight:400;}
.cta-btns{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;}
.btn-gold{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--cream);padding:16px 26px;font-size:16px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;font-family:'Jost',sans-serif;font-weight:500;transition:background .3s; margin:20px; min-width: 300px;}
.btn-gold:hover{background:var(--gold-light); color:var(--text-dark);}
.btn-outline-light{display:inline-flex;align-items:center;gap:8px;background:transparent;color:rgba(255,255,255,.7);padding:16px 36px;font-size:17px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;font-family:'Jost',sans-serif;border:1px solid rgba(255,255,255,.3);border-radius: 7px; transition:all .3s;}
.btn-outline-light:hover{border-color:var(--gold-light);color:var(--gold-light);}

@media(max-width:768px){
  nav{padding:18px 24px;}
  .hero-strip{padding:44px 24px;}
  .page-wrap{padding:50px 24px 80px;}
  .course-header{padding:20px 24px;}
  .course-body{padding:24px;}
  .course-feats{grid-template-columns:1fr;}
  .flex-grid{grid-template-columns:1fr;}
  .cta-box{padding:36px 24px;}
  footer{padding:24px 32px;flex-direction:column;text-align:center;}
}