img { display: block; max-width: 100%; }
/* ── Shared Section Spacing ── */
section { padding: 90px 0; }

/* Home hero (new) */
.wefeee-hero{ position:relative; overflow:hidden; padding:120px 0; color:var(--white);}
.wefeee-hero-bg{  position:absolute;  inset:0;  width:100%;  height:100%;  object-fit:cover;  z-index:1;}
.wefeee-hero-overlay{  position:absolute;  inset:0;  z-index:2;}
.wefeee-hero-inner{  position:relative;  z-index:3;  max-width:1350px;  margin:0 auto;  display:grid;  grid-template-columns:1fr 540px;  gap:40px;  align-items:center;}
.wefeee-hero-left{ padding:30px 20px 30px 40px;}
.wefeee-hero-eyebrow{ display:inline-block; color:var(--accent-light); font-weight:700; letter-spacing:1px; margin-bottom:18px; text-transform:uppercase;}
.wefeee-hero-title{ font-size:clamp(28px, 5vw, 54px); line-height:1.08; margin:0 0 20px; color:var(--white); font-weight:700; max-width:680px;}
.wefeee-hero-title em{  font-style:italic;  color:var(--accent-light);}
.wefeee-hero-intro{ color:rgba(255,255,255,0.92); font-size:16px; line-height:30px; max-width:700px; margin-bottom:30px;}
.wefeee-hero-actions{ display:flex; gap:18px; flex-wrap:wrap; align-items:center; }
.wefeee-hero-actions .primary-btn {
    background: linear-gradient(90deg, var(--secondary), #b85b92);
    color: var(--white);
    padding: 22px 38px !important;
    border-radius: 40px;
    font-weight: 800;
    box-shadow: 0 10px 28px rgba(192,102,164,0.16);
    border: none;
    transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease;
}
.wefeee-hero-actions .primary-btn:hover { transform: translateY(-3px); box-shadow: 0 20px 40px rgba(192,102,164,0.22); }
.wefeee-hero-actions .secondary-btn {
    background: var(--white);
    color: var(--primary);
    border: 2px solid var(--primary);
    padding: 22px 34px;
    border-radius: 40px;
    font-weight: 700;
    transition: background .12s ease, color .12s ease, transform .12s ease;
}
.wefeee-hero-actions .secondary-btn:hover { background: var(--primary); color: var(--white); transform: translateY(-2px); }
.wefeee-hero-right{  display:flex;  justify-content:center;}
.wefeee-hero-image-frame{ width:100%; max-width:540px; overflow:hidden;}
.wefeee-hero-image{  width:100%;  display:block;}
@media(max-width:1100px){ .wefeee-hero-inner{ grid-template-columns:1fr 420px; }}
@media(max-width:768px){.wefeee-hero{  padding:60px 0;} .wefeee-hero-inner{  grid-template-columns:1fr;  gap:28px;}.wefeee-hero-right{  order:-1;}
.wefeee-hero-left{  padding:0 20px;  text-align:center;} .wefeee-hero-intro{   margin-left:auto;   margin-right:auto;}
.wefeee-hero-actions{  justify-content:center;}.wefeee-hero-image-frame{  max-width:420px;  margin:0 auto;}}

/* ═══════════════════════════════════════ HERO
═══════════════════════════════════════ */
.join-hero {position: relative;height: 92vh;min-height: 560px;overflow: hidden;display: flex;align-items: flex-end;}
.join-hero-image {position: absolute;inset: 0;width: 100%;object-fit: cover;object-position: center top;}

.hero-btn{position:absolute;left:380px  /* right side */bottom:120px /* above bottom */ display:inline-block;padding:14px 32px;}
/* ABOUT SECTION */
.mission-section{ padding: 40px 0 90px; background: #fff;}
.mission-grid{ display:grid; grid-template-columns:minmax(0, 1.05fr) minmax(0, 0.95fr); gap:72px;  align-items:center;}
.mission-content{ max-width: 640px;}
.mission-content h2{ font-size:clamp(28px, 4vw, 48px); line-height:1.08; color:var(--primary); margin-bottom:10px; font-weight:800;}
.mission-content p{ font-size:17px; line-height:1.85; color:#495057; margin-bottom:18px; max-width: 610px;}
.mission-content .primary-btn{ margin-top:5px;}
.funfacts-card{ background:#fff;  padding:36px; border-radius:36px; box-shadow:0 22px 64px rgba(66,81,162,0.08); border:1px solid rgba(66,81,162,0.05); align-self:start;}
.funfacts-card{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:18px;}
.fact-item{ display:flex; align-items:center; gap:18px; min-height:168px; padding:24px 18px; background:#f5f6ff; border-radius:24px; transition:transform .25s ease, box-shadow .25s ease;}
.fact-item:hover{ transform:translateY(-4px); box-shadow:0 14px 30px rgba(66,81,162,0.08);}
.fact-icon{ width:70px; height:70px; border-radius:18px; background:#fff; display:flex; align-items:center;  justify-content:center;  flex:0 0 70px;}
.fact-icon i{color:var(--primary);font-size:28px;}
.fact-info h4{ font-size:clamp(25px, 3vw, 34px); color:var(--primary); margin:0 0 8px; font-weight:800; line-height:1;}
.fact-info p{  margin:0;  color:#666;  font-size:16px;  line-height:1.4;}
@media(max-width:991px){.mission-grid{ gap:48px;} .mission-content{   max-width:100%;}.funfacts-card{  padding:28px;}.fact-item{  min-height:152px;}}
@media(max-width:768px){.mission-section{   padding:20px 0 70px;}.funfacts-card{    grid-template-columns:1fr;  padding:24px;  gap:14px;  border-radius:28px;}
.fact-item{  min-height:auto;  padding:20px 18px;}}
@media(max-width:480px){.funfacts-card{   padding:18px;}.mission-content p{   font-size:16px;}}


/* ═══════════════════════════════════════ */
.focus-section{padding:50px 0;background:#f8f9ff;}
.focus-header{text-align:center;max-width:850px;margin:0 auto 70px;}
.focus-header .eyebrow{display:inline-block;color:#C066A4;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px;}
.focus-header h2{font-size:36px;color:#4251A2;margin-bottom:20px;line-height:1.2;font-weight:800;}
.focus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.focus-card{background:#fff;padding:25px;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.06);transition:.4s;}
.focus-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px rgba(0,0,0,.12);}
.focus-number{position:absolute;top:20px;right:20px;font-size:60px;font-weight:700;color:#f2f3fa;line-height:1;}
.focus-card i{width:70px;height:70px;border-radius:18px;background:#c066a31d;color:#c066a4;display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:25px;}
.focus-card h3{color:#4251A2;font-size:24px;margin-bottom:15px;}
.focus-card p{color:#666;line-height:1.8;font-size:15px;}
@media(max-width:991px){.focus-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:576px){.focus-grid{grid-template-columns:1fr;}.focus-header h2{font-size:34px;}}
/* ═══════════════════════════════════════ UPCOMING EVENTS — Timeline style
═══════════════════════════════════════ */
.home-events{padding:80px 0;}
.month-heading{text-align:center;margin-bottom:60px;position:relative;}
.month-heading h2{font-size:36px;color:var(--primary);font-weight:800;}
.event-row{display:grid;grid-template-columns:220px minmax(0, 1fr) 220px;align-items:center;gap:40px;padding:34px 0;border-top:1px solid #ddd;}
.event-row:last-child{border-bottom:1px solid #ddd;}
.event-date .day{display:inline-block;font-size:clamp(44px, 6vw, 64px);color:var(--primary);line-height:1;font-weight:300;}
.event-date .month{display:inline-block;margin-left:10px;font-size:16px;letter-spacing:5px;color:#4250a271;vertical-align:top;margin-top:15px;}
.event-date .weekday{display:block;font-size:clamp(24px, 3vw, 38px);font-weight:200;color:#4250a271;text-transform:uppercase;line-height:1;}
.event-details h3{font-size:26px;color:#4251A2;margin-bottom:15px;}
.event-meta{color:#4250a271;margin-bottom:15px;font-size:18px;}
.event-details p{color:#666;line-height:1.8;max-width:650px;}
.event-action{display:flex;justify-content:flex-end;}

/* ═══════════════════════════════════════ SUCCESS STORY — Full-bleed editorial
═══════════════════════════════════════ */
.success-story{padding:50px 0;background:#f8f9ff;}

.success-grid{display:grid;grid-template-columns:480px 1fr;gap:80px;align-items:center;}

.success-image{display:flex;justify-content:center;}

.success-image img{width:100%;max-width:450px;aspect-ratio:1;object-fit:cover;
border-radius:50%;
border:10px solid #fff;box-shadow:0 0 0 2px #4250a266;}

.success-content h2{font-size:36px;line-height:1;color:var(--primary);margin-bottom:25px;}
.story-line{width:100%;height:2px;background:#4250a266;margin-bottom:40px;}

.success-content blockquote{border:none;padding:0;margin:0 0 35px;}
.success-content blockquote p{font-size:16px;line-height:1.9;color:#555;}
.story-author{margin-bottom:10px;}
.story-author h4{font-size:26px;color:var(--primary);margin-bottom:8px;}

.story-author span{color:#777;font-size:18px;}

.story-link{display:inline-block;margin-top:25px;color:var(--primary);font-weight:600;text-decoration:none;}
/* ═══════════════════════════════════════ GALLERY — Mosaic layout═══════════════════════════════════════ */
.home-gallery{padding:50px 0;background:#fff;overflow:hidden;}
.gallery-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;}
.gallery-title h2{font-size:36px;color:#4251A2;margin:0; font-weight:800;           }
/* Slider */
.gallery-slider{overflow:hidden;position:relative;width:100%;}
.gallery-track{display:flex;gap:25px;width:max-content;animation:scrollGallery 30s linear infinite;}
.gallery-slider:hover .gallery-track{animation-play-state:paused;}
/* Cards */
.gallery-item{width:360px;flex-shrink:0;background:#fff;border-radius:20px;overflow:hidden;transition:.4s;}
.gallery-item:hover{transform:translateY(-10px);}
.gallery-item img{width:100%;height:260px;object-fit:cover;display:block;}
.gallery-item span{display:block;padding:18px 20px;font-size:17px;font-weight:600;color:#4251A2;text-align:center;}
/* Infinite Scroll */
@keyframes scrollGallery{
0%{transform:translateX(0);}
100%{transform:translateX(-50%);}}
/* Tablet */

@media(max-width:991px){.gallery-item{width:300px;}.gallery-title h2{font-size:34px;}}
/* Mobile */
@media(max-width:576px){.home-gallery{padding:60px 0;}.gallery-title{flex-direction:column;gap:15px;text-align:center;}.gallery-title h2{font-size:28px;}.gallery-item{width:260px;}.gallery-item img{height:200px;}}
/* ═══════════════════════════════════════ TESTIMONIALS — Staggered cards
═══════════════════════════════════════ */
.home-testimonials{padding:80px 0;background:#f8f9ff;}

.testimonials-header{text-align:center;margin-bottom:60px;}

.testimonials-header h2{font-size:42px;color:var(--primary); font-weight:800;}

.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}

.testimonial-card{background:#fff;padding:30px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:.3s;}

.testimonial-card:hover{transform:translateY(-8px);}

.testimonial-card img{width:140px;height:140px;border-radius:30px;object-fit:cover;margin-bottom:20px;}

.stars{color:#ffc107;font-size:22px;margin-bottom:15px;}

.testimonial-card p{line-height:1.8;color:#555;margin-bottom:20px;}

.testimonial-card h4{color:var(--primary);margin-bottom:5px;}

.testimonial-card span{color:#777;font-size:14px;}
/* ═══════════════════════════════════════ CTA — Full-width dramatic
═══════════════════════════════════════ */
/* =========================
   HOME CTA SECTION
========================= */
.contact-cta{padding:100px 0;background:#f5f7ff;}

.contact-cta-grid{max-width:1300px;margin:auto;display:grid;grid-template-columns:45% 55%;overflow:hidden;border-radius:30px;background:#ffffff;box-shadow:0 25px 60px rgba(0,0,0,0.08);}

.contact-cta-content{background:#4251A2;color:#fff;padding:80px 70px;display:flex;flex-direction:column;justify-content:center;}

.cta-tag{display:inline-block;width:fit-content;padding:10px 18px;background:rgba(255,255,255,.15);border-radius:50px;font-size:14px;font-weight:600;margin-bottom:25px;}

.contact-cta-content h2{font-size:36px;line-height:1.15;margin-bottom:25px;color:#fff;}

.contact-cta-content p{font-size:16px;line-height:1.8;color:rgba(255,255,255,.85);margin-bottom:35px;}

.contact-cta-buttons{display:flex;gap:15px;}

.contact-cta-image{height:100%;}

.contact-cta-image img{width:100%;height:100%;display:block;object-fit:cover;}

@media(max-width:991px){
.contact-cta{padding:70px 20px;}
.contact-cta-grid{grid-template-columns:1fr;}
.contact-cta-image{order:-1;height:350px;}
.contact-cta-content{padding:50px 30px;text-align:center;align-items:center;}
.contact-cta-content h2{font-size:36px;}
.contact-cta-content p{font-size:16px;}}
/* ═══════════════════════════════════════ RESPONSIVE
═══════════════════════════════════════ */
@media (max-width: 1024px) {.focus-grid { grid-template-columns: repeat(2, 1fr); }.stats-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }.stat-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.15); padding: 20px 0; }.stat-item:last-child, .stat-item:nth-child(2) { border-bottom: none; }}
@media (max-width: 768px) {section { padding: 60px 0; }
.mission-grid,.focus-header,.events-layout,.success-grid,.cta-inner { grid-template-columns: 1fr; gap: 40px; }
.focus-header { margin-bottom: 40px; }
.success-content { padding: 50px 32px; }
.success-image { min-height: 340px; }
.testimonial-grid,.news-grid { grid-template-columns: 1fr; }.testimonial-grid .testimonial-card:nth-child(2) { margin-top: 0; }
.gallery-grid {grid-template-columns: 1fr 1fr;grid-template-rows: repeat(3, 200px);}.gallery-grid img:first-child { grid-row: 1 / 2; }
.news-header { grid-template-columns: 1fr; }
.cta-inner { grid-template-columns: 1fr; padding: 50px 30px; }.cta-action { align-items: flex-start; }
.hero-content h1 { font-size: 38px; }
.stats-grid { grid-template-columns: repeat(2, 1fr); }}
@media (max-width: 480px) {.hero-actions { flex-direction: column; }.focus-grid { grid-template-columns: 1fr; }.gallery-grid { grid-template-columns: 1fr; grid-template-rows: repeat(5, 200px); }}
/* ==========================
   MEMBERSHIP SECTION
========================== */

.membership-section{padding:50px 0;background:#fff;}

.membership-wrapper{display:grid;grid-template-columns:1fr 500px;gap:60px;}

.section-tag{display:inline-block;color:var(--secondary);font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;}

.membership-content h2{font-size:36px;color:var(--primary);margin-bottom:20px; font-weight:800;}

.membership-content > p{font-size:16px;line-height:1.8;color:#666;margin-bottom:35px;}

.membership-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}

.benefit-item{display:flex;align-items:flex-start;gap:12px;background:#fff;padding:18px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.05);}

.benefit-item span{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}

.benefit-item p{margin:0;font-size:14px;color:#444;line-height:1.6;}

/* Form */

.membership-form{background:#fff;padding:40px;border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,.08);}

.membership-btn{width:100%;border:none;padding:16px;background:var(--primary);color:#fff;font-size:16px;font-weight:600;border-radius:10px;cursor:pointer;transition:.3s;}

.membership-btn:hover{transform:translateY(-2px);opacity:.95;}

/* Mobile */

@media(max-width:991px){
.membership-wrapper{grid-template-columns:1fr;}
.membership-benefits{grid-template-columns:1fr;}
.membership-content h2{font-size:34px;}}





@media (max-width: 991px) {
    .home-events{
        padding: 70px 0;
    }
    .event-row{
        grid-template-columns: 180px minmax(0, 1fr);
        gap: 28px;
    }
    .event-action{
        grid-column: 1 / -1;
        justify-content: flex-start;
        padding-top: 6px;
    }
}
@media (max-width: 768px) {
    .home-events{
        padding: 60px 0;
    }
    .month-heading{
        margin-bottom: 40px;
    }
    .event-row{
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 28px 0;
    }
    .event-date .month{
        letter-spacing: 3px;
        font-size: 14px;
    }
    .event-details h3{
        font-size: 22px;
    }
    .event-meta{
        font-size: 16px;
    }
    .event-action{
        justify-content:flex-start;
        padding-top:0;
    }
    .event-action .primary-btn{
        width:100%;
        max-width:260px;
    }
}
@media (max-width: 480px) {
    .home-events{
        padding: 50px 0;
    }
    .month-heading h2{
        font-size: 28px;
    }
    .event-date .month{
        margin-top: 10px;
    }
    .event-details p{
        font-size: 15px;
        line-height: 1.7;
    }
    .event-action .primary-btn{
        max-width:100%;
    }
}