/* ═══════════════════════════════════════════════════════
   SELMCORP — SELMEdu PAGE
   WARM MENTORSHIP — inviting, image-heavy, human
   ═══════════════════════════════════════════════════════ */

/* ═══ HERO — SPLIT LAYOUT (text + image) ═══ */
.ed-hero{min-height:90vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:clamp(110px,14vh,140px) 0 clamp(3rem,6vh,5rem)}
.ed-hero__orb{position:absolute;border-radius:50%;filter:blur(110px);opacity:.2;pointer-events:none;animation:edOrb 12s ease-in-out infinite}
.ed-hero__orb--1{width:450px;height:450px;background:var(--accent);top:-10%;left:-8%}
.ed-hero__orb--2{width:300px;height:300px;background:var(--cyan);bottom:-5%;right:-4%;animation-delay:-5s}
@keyframes edOrb{0%,100%{transform:translate(0,0) scale(1)}40%{transform:translate(18px,-14px) scale(1.04)}70%{transform:translate(-12px,10px) scale(.96)}}
.ed-hero__grid{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(ellipse at 30% 50%,black 15%,transparent 60%);-webkit-mask-image:radial-gradient(ellipse at 30% 50%,black 15%,transparent 60%)}

.ed-hero__split{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;position:relative;z-index:2}
.ed-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--r-pill);font-size:.82rem;font-weight:600;color:var(--primary);backdrop-filter:blur(10px);margin-bottom:1.5rem}
.ed-badge i{color:var(--accent)}
.ed-hero__h1{font-family:'Syne',sans-serif;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;line-height:1.1;margin-bottom:1.2rem;letter-spacing:-.02em}
.ed-hero__h1 em{font-style:normal}
.ed-hero__sub{font-size:clamp(1rem,1.8vw,1.1rem);color:var(--txt2);max-width:550px;line-height:1.75;margin-bottom:2rem}
.ed-hero__actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}
.ed-hero__trust{display:flex;gap:.8rem;flex-wrap:wrap}
.ed-stat{display:flex;align-items:center;gap:.4rem;padding:.35rem .8rem;background:rgba(108,43,217,.05);border:1px solid var(--border);border-radius:var(--r-pill);font-size:.76rem;font-weight:600;color:var(--txt2)}
.ed-stat i{color:var(--accent);font-size:.7rem}

/* Hero image area */
.ed-hero__img{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/5;max-height:520px;position:relative;box-shadow:var(--sh-lg)}
.ed-hero__img img{width:100%;height:100%;object-fit:cover}
.ed-hero__img-ph{position:absolute;inset:0;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(108,43,217,.08),rgba(192,132,252,.05));font-size:4rem;color:var(--accent);border:1px solid var(--border);border-radius:var(--r-lg)}
.ed-hero__img-ph span{font-size:.82rem;color:var(--txt3);text-align:center;padding:0 1rem}

/* ═══ PROOF STRIP ═══ */
.ed-proof{padding:2rem 0;background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.ed-proof__label{text-align:center;font-size:.78rem;color:var(--txt3);margin-bottom:1rem;font-weight:500;letter-spacing:.5px}
.ed-proof__logos{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}
.ed-logo-pill{padding:.4rem 1rem;border:1px solid var(--border);border-radius:var(--r-pill);font-size:.78rem;font-weight:600;color:var(--txt3);background:var(--card);backdrop-filter:blur(8px);transition:all .3s var(--ease)}
.ed-logo-pill:hover{border-color:var(--primary);color:var(--primary)}

/* ═══ VIDEO ═══ */
.ed-video{padding:var(--py) 0 0}
.ed-video__box{max-width:900px;margin:0 auto;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);background:var(--bg2);aspect-ratio:16/9;position:relative}
.ed-video__ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer;transition:all .4s var(--ease)}
.ed-video__ph:hover{background:rgba(108,43,217,.04)}
.ed-video__play{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;box-shadow:0 0 30px rgba(192,132,252,.3);animation:edPlay 2.5s ease-in-out infinite}
@keyframes edPlay{0%,100%{box-shadow:0 0 30px rgba(192,132,252,.3)}50%{box-shadow:0 0 50px rgba(192,132,252,.5)}}
.ed-video__ph p{font-family:'Syne',sans-serif;font-size:1rem;font-weight:700;color:var(--txt2)}
.ed-video__ph span{font-size:.78rem;color:var(--txt3)}

/* ═══ WHO IT'S FOR — Image cards ═══ */
.ed-who{padding:var(--py) 0;background:var(--bg2)}
.ed-who__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem}
.ed-who__card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:all .45s var(--ease);backdrop-filter:blur(8px)}
.ed-who__card:hover{transform:translateY(-8px);box-shadow:var(--sh-lg)}
.ed-who__img{height:180px;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(108,43,217,.06),rgba(192,132,252,.04))}
.ed-who__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.ed-who__card:hover .ed-who__img img{transform:scale(1.06)}
.ed-who__img-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--accent);opacity:.15}
.ed-who__card h3{font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:700;padding:1.2rem 1.3rem .3rem}
.ed-who__card p{font-size:.85rem;color:var(--txt2);line-height:1.6;padding:0 1.3rem 1.3rem}

/* ═══ FEATURES — alternating image/text ═══ */
.ed-features{padding:var(--py) 0}
.ed-feat-grid{display:flex;flex-direction:column;gap:3rem}
.ed-feat{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;backdrop-filter:blur(8px);transition:all .5s var(--ease)}
.ed-feat:hover{box-shadow:var(--sh-lg);border-color:rgba(108,43,217,.15)}
.ed-feat--reverse{direction:rtl}
.ed-feat--reverse>*{direction:ltr}
.ed-feat__img{height:100%;min-height:280px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(108,43,217,.06),rgba(192,132,252,.03))}
.ed-feat__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.ed-feat:hover .ed-feat__img img{transform:scale(1.05)}
.ed-feat__img-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--accent);opacity:.12}
.ed-feat__body{padding:2rem 2.5rem 2rem 1.5rem}
.ed-feat--reverse .ed-feat__body{padding:2rem 1.5rem 2rem 2.5rem}
.ed-feat__icon{width:46px;height:46px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;margin-bottom:1rem;transition:transform .4s var(--bounce)}
.ed-feat:hover .ed-feat__icon{transform:scale(1.12) rotate(5deg)}
.ed-feat__body h3{font-family:'Syne',sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}
.ed-feat__body p{font-size:.9rem;color:var(--txt2);line-height:1.7;margin-bottom:.8rem}
.ed-feat__body ul{list-style:none;padding:0}
.ed-feat__body ul li{padding:.3rem 0 .3rem 1.3rem;position:relative;font-size:.84rem;color:var(--txt3)}
.ed-feat__body ul li::before{content:'✓';position:absolute;left:0;color:var(--accent);font-weight:700}

/* ═══ SUCCESS STORIES — Before/After with photo ═══ */
.ed-stories{padding:var(--py) 0;background:var(--bg2)}
.ed-stories__grid{display:flex;flex-direction:column;gap:2rem}
.ed-story{display:grid;grid-template-columns:.35fr .65fr;gap:2rem;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;backdrop-filter:blur(8px);transition:all .5s var(--ease)}
.ed-story:hover{box-shadow:var(--sh-lg);transform:translateY(-4px)}
.ed-story__img{height:100%;min-height:260px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(108,43,217,.08),rgba(192,132,252,.04))}
.ed-story__img img{width:100%;height:100%;object-fit:cover}
.ed-story__img-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:var(--accent);opacity:.12}
.ed-story__body{padding:2rem 2rem 2rem .5rem}
.ed-story__before,.ed-story__after{padding:.6rem 1rem;border-radius:var(--r);font-size:.85rem;line-height:1.5;margin-bottom:.5rem}
.ed-story__before{background:rgba(239,68,68,.06);border-left:3px solid #ef4444;color:var(--txt2)}
.ed-story__after{background:rgba(16,185,129,.06);border-left:3px solid #10b981;color:var(--txt2)}
.ed-story__body p{font-size:.9rem;color:var(--txt2);line-height:1.7;font-style:italic;margin:.8rem 0}
.ed-story__author{padding-top:.8rem;border-top:1px solid var(--border)}
.ed-story__author strong{display:block;font-size:.9rem;color:var(--txt)}
.ed-story__author span{font-size:.78rem;color:var(--txt3)}

/* ═══ MENTOR GALLERY ═══ */
.ed-mentors{padding:var(--py) 0}
.ed-mentors__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.ed-mentor{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;text-align:center;transition:all .45s var(--ease);backdrop-filter:blur(8px)}
.ed-mentor:hover{transform:translateY(-8px);box-shadow:var(--sh-lg)}
.ed-mentor__img{height:240px;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(108,43,217,.08),rgba(192,132,252,.04))}
.ed-mentor__img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s var(--ease)}
.ed-mentor:hover .ed-mentor__img img{transform:scale(1.06)}
.ed-mentor__img-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--accent);opacity:.12}
.ed-mentor h3{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:700;padding:1.2rem 1.3rem .2rem}
.ed-mentor h4{font-size:.82rem;color:var(--primary);font-weight:600;padding:0 1.3rem .5rem}
[data-theme="dark"] .ed-mentor h4{color:var(--accent)}
.ed-mentor p{font-size:.85rem;color:var(--txt2);line-height:1.6;padding:0 1.3rem 1.5rem}

/* ═══ PROCESS ═══ */
.ed-process{padding:var(--py) 0;background:var(--bg2)}
.ed-process .sd-process__track{max-width:700px;margin:0 auto;position:relative;padding-left:44px}
.ed-process .sd-process__track::before{content:'';position:absolute;left:14px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent),var(--primary),var(--cyan));border-radius:2px}
.ed-process .sd-step__num{background:linear-gradient(135deg,var(--accent),var(--primary))}

/* ═══ PRICING ═══ */
.ed-pricing{padding:var(--py) 0}
.ed-pricing .sd-pricing__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem;align-items:start}
.ed-pricing .price-card--custom{border-style:dashed;border-color:var(--accent);background:linear-gradient(135deg,rgba(192,132,252,.03),rgba(108,43,217,.03))}
.ed-pricing .amount--custom{font-size:1.8rem!important;background:linear-gradient(135deg,var(--accent),var(--primary))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1024px){
  .ed-hero__split{grid-template-columns:1fr;text-align:center}
  .ed-hero__img{max-height:350px;aspect-ratio:16/9}
  .ed-hero__actions{justify-content:center}
  .ed-hero__trust{justify-content:center}
  .ed-who__grid{grid-template-columns:1fr 1fr}
  .ed-feat{grid-template-columns:1fr}.ed-feat--reverse{direction:ltr}
  .ed-feat__img{min-height:200px}.ed-feat__body{padding:1.5rem!important}
  .ed-story{grid-template-columns:1fr}
  .ed-story__img{min-height:200px}
  .ed-story__body{padding:1.5rem!important}
  .ed-mentors__grid{grid-template-columns:1fr 1fr}
  .ed-pricing .sd-pricing__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .ed-hero__actions{flex-direction:column;align-items:center}
  .ed-hero__actions .btn{width:100%;max-width:300px}
  .ed-hero__trust{flex-direction:column;align-items:center}
  .ed-who__grid{grid-template-columns:1fr}
  .ed-mentors__grid{grid-template-columns:1fr}
  .ed-pricing .sd-pricing__grid{grid-template-columns:1fr}
}
@media(max-width:480px){.ed-hero{padding-top:90px}}
@media(prefers-reduced-motion:reduce){.ed-hero__orb{animation:none}}