:root{
      --primary:#6f2dbd;
      --secondary:#ff4da6;
      --accent:#f6c344;
      --dark:#24133f;
      --light:#fff7fb;
      --card:#ffffff;
      --muted:#6c5a7a;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      font-family: Inter, Arial, sans-serif;
      background:
        radial-gradient(circle at top left, rgba(255,255,255,.65), transparent 24%),
        radial-gradient(circle at bottom right, rgba(255,255,255,.55), transparent 18%),
        linear-gradient(135deg, #f5e9ff 0%, #ffe3f0 45%, #eef2ff 100%);
      color:#24133f;
      overflow-x:hidden;
    }
    .navbar{
      backdrop-filter: blur(12px);
      background: rgba(255,255,255,.55) !important;
      border-bottom: 1px solid rgba(111,45,189,.08);
    }
    .brand-badge{
      width:44px;height:44px;border-radius:14px;
      background: linear-gradient(135deg,var(--primary),var(--secondary));
      display:grid;place-items:center;color:#fff;font-weight:800;
      box-shadow: 0 10px 25px rgba(111,45,189,.25);
    }
    .hero{
      position:relative;
      padding: 2.5rem 0 4rem;
      overflow:hidden;
    }
    .hero::before,
    .hero::after{
      content:"";position:absolute;border-radius:50%;filter:blur(10px);opacity:.85;pointer-events:none;
    }
    .hero::before{width:380px;height:380px;background:rgba(111,45,189,.22);top:-140px;left:-120px}
    .hero::after{width:280px;height:280px;background:rgba(255,77,166,.18);bottom:-110px;right:-70px}
    .hero-card{
      position:relative;
      background: rgba(255,255,255,.72);
      border: 1px solid rgba(111,45,189,.12);
      box-shadow: 0 20px 60px rgba(68,19,115,.12);
      border-radius: 30px;
      padding: 2rem;
    }
    .eyebrow{
      display:inline-flex;align-items:center;gap:.5rem;
      padding:.45rem .95rem;border-radius:999px;
      background: linear-gradient(135deg, rgba(111,45,189,.14), rgba(255,77,166,.14));
      color: var(--primary); font-weight:700;
    }
    .display-title{
      font-weight:900;
      letter-spacing:-.04em;
      line-height: .95;
      font-size: clamp(2.4rem, 5vw, 5rem);
      color: var(--dark);
    }
    .display-title .accent{color:var(--secondary)}
    .lead-text{color:var(--muted);font-size:1.05rem}
    .cta-btn{
      border:none;border-radius:999px;
      padding:.95rem 1.4rem;font-weight:700;
      background: linear-gradient(135deg,var(--primary),var(--secondary));
      color:#fff; box-shadow: 0 14px 28px rgba(111,45,189,.25);
      transition:.25s ease;
    }
    .cta-btn:hover{transform:translateY(-2px);filter:saturate(1.08);color:#fff}
    .ghost-btn{
      border:1px solid rgba(111,45,189,.22);
      background:rgba(255,255,255,.7);
      border-radius:999px;padding:.95rem 1.4rem;font-weight:700;
      color:var(--dark);
    }
    .hero-media{
      border-radius:28px;
      padding:18px;
      background: linear-gradient(180deg, rgba(111,45,189,.12), rgba(255,255,255,.85));
      border:1px solid rgba(111,45,189,.12);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.45);
    }
    .hero-media img{
      width:100%;height:auto;border-radius:22px;display:block;
      box-shadow: 0 18px 40px rgba(68,19,115,.18);
    }
    .section-title{
      font-weight:900; letter-spacing:-.03em;
      color:var(--dark); margin-bottom:.75rem;
    }
    .section-subtitle{color:var(--muted);max-width:760px}
    .feature-card, .course-card, .info-card, .gain-card, .table-wrap{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(111,45,189,.1);
      border-radius:24px;
      box-shadow: 0 12px 35px rgba(68,19,115,.08);
    }
    .course-card{
      height:100%; padding:1.25rem; text-align:center;
      transition:.25s ease;
    }
    .course-card:hover{transform:translateY(-5px); box-shadow: 0 18px 40px rgba(68,19,115,.13)}
    .course-icon{
      width:72px;height:72px;border-radius:22px;margin:0 auto 1rem;
      display:grid;place-items:center;font-size:1.6rem;color:#fff;
      background: linear-gradient(135deg,var(--primary),var(--secondary));
      box-shadow: 0 12px 24px rgba(111,45,189,.22);
    }
    .course-title{font-weight:800;color:var(--dark);font-size:1.05rem}
    .course-meta{color:var(--muted);font-size:.92rem}
    .chip{
      display:inline-block;margin-top:.75rem;padding:.35rem .8rem;border-radius:999px;
      background:#f6efff;color:var(--primary);font-weight:700;font-size:.82rem;
    }
    .table-wrap{padding:1rem}
    .table thead th{
      background: linear-gradient(135deg,var(--primary),#8b3dd7);
      color:#fff;border:none;font-weight:700;
    }
    .table td,.table th{vertical-align:middle}
    .bullet-list{list-style:none;padding:0;margin:0}
    .bullet-list li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;color:#34224b}
    .bullet-list i{color:#16a34a;margin-top:.2rem}
    .mini-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background: linear-gradient(135deg,var(--primary),var(--secondary))}
    .footer-banner{
      background: linear-gradient(135deg,var(--primary),#8b3dd7,var(--secondary));
      color:#fff; border-radius:28px;
      box-shadow: 0 18px 40px rgba(111,45,189,.22);
    }
    .contact-pill{
      display:inline-flex;gap:.6rem;align-items:center;
      padding:.9rem 1.2rem;border-radius:999px;
      background: rgba(255,255,255,.14); color:#fff; font-weight:700;
    }
    .floating-shape{
      position:absolute;border-radius:50%;opacity:.45;pointer-events:none;
      background: radial-gradient(circle, rgba(255,255,255,.9), rgba(255,255,255,.05));
      animation: float 8s ease-in-out infinite;
    }
    .course-section{
    padding:80px 0;
}

.course-card{

    background:#fff;
    border-radius:25px;
    padding:28px;
    box-shadow:0 20px 40px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
    overflow:hidden;
    position:relative;
}

.course-card:hover{

    transform:translateY(-10px);
    box-shadow:0 30px 60px rgba(0,0,0,.12);

}

.icon{

    width:85px;
    height:85px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;

}

.purple{
    background:#efe5ff;
    color:#7a36d7;
}

.blue{
    background:#e8eeff;
    color:#3d62ff;
}

.green{
    background:#e8fff1;
    color:#1fa24f;
}

.orange{
    background:#fff4e8;
    color:#ff8800;
}

.pink{
    background:#ffe8f4;
    color:#ff2d86;
}

.cyan{
    background:#e8fbff;
    color:#00a7c8;
}

.badge-course{

    background:#f5f3ff;
    color:#5c2ad7;
    padding:10px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;

}

.course-card h4{

    font-weight:700;
    margin-bottom:20px;

}

.price{

    font-weight:700;
    color:#111;
}

.course-btn{

    width:100%;
    border-radius:14px;
    color:#fff;
    font-weight:600;
    padding:14px;
    transition:.3s;

}

.btn-purple{
background:linear-gradient(90deg,#6c2bd9,#8b4ef2);
}

.btn-blue{
background:linear-gradient(90deg,#2452d6,#4369ef);
}

.btn-green{
background:linear-gradient(90deg,#179647,#2db65c);
}

.btn-orange{
background:linear-gradient(90deg,#ff8b00,#ff9d1d);
}

.btn-pink{
background:linear-gradient(90deg,#ff2c85,#ff478d);
}

.btn-cyan{
background:linear-gradient(90deg,#0097a7,#17b4d3);
}

.course-btn:hover{

    color:#fff;
    transform:scale(1.02);

}

small{
    color:#777;
}

hr{
    opacity:.1;
}
    @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
    @media (max-width: 991.98px){
      .hero{padding-top:4.5rem}
      .hero-card{padding:1.25rem}
    }
/* Learning Process */
.learning-process{

    background:linear-gradient(135deg,#fcf4ff,#f5f8ff);
    position:relative;
    overflow:hidden;
}

.section-tag{

    display:inline-block;
    padding:8px 20px;
    border-radius:30px;
    background:#f3e8ff;
    color:#7b2edb;
    font-weight:600;
}

.section-title{

    font-size:37px;
    font-weight:700;
    color:#231942;
}

.section-subtitle{

    color:#6c757d;
    font-size:18px;
}

.process-card{

    background:#fff;
    border-radius:25px;
    padding:40px 25px;
    text-align:center;
    position:relative;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
    transition:.4s;
    height:100%;
}

.process-card:hover{

    transform:translateY(-12px);
    box-shadow:0 30px 60px rgba(111,66,193,.18);

}

.step-number{

    position:absolute;
    right:20px;
    top:18px;
    font-size:40px;
    font-weight:800;
    color:#ede9fe;
}

.process-icon{

    width:90px;
    height:90px;
    margin:auto;
    border-radius:22px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:36px;
    color:#fff;
    margin-bottom:25px;
}

.bg-purple{

    background:linear-gradient(135deg,#6c2bd9,#9b59ff);
}

.bg-blue{

    background:linear-gradient(135deg,#2563eb,#4f8cff);
}

.bg-pink{

    background:linear-gradient(135deg,#ff2d86,#ff5ea8);
}

.bg-green{

    background:linear-gradient(135deg,#16a34a,#34d399);
}

.process-card h4{

    font-weight:700;
    margin-bottom:15px;
}

.process-card p{

    color:#6c757d;
    line-height:28px;
}

@media(max-width:991px){

.section-title{

font-size:36px;

}

}
/* Student Success */
.student-success{

    background:#fff;
    padding:90px 0;
}

.stats-card{

    background:#fff;
    border-radius:20px;
    text-align:center;
    padding:35px 20px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.stats-card:hover{

    transform:translateY(-10px);

}

.stats-card i{

    font-size:42px;
    color:#7c3aed;
    margin-bottom:15px;
}

.stats-card h3{

    font-size:34px;
    font-weight:700;
}

.stats-card p{

    color:#777;
}

.success-card{

    background:#fff;
    border-radius:25px;
    padding:35px;
    text-align:center;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
    transition:.4s;
}

.success-card:hover{

    transform:translateY(-10px);

}

.success-card img{

    width:90px;
    height:90px;
    border-radius:50%;
    object-fit:cover;
    margin-bottom:20px;
    border:4px solid #f2e8ff;
}

.success-card h5{

    font-weight:700;
}

.success-card span{

    color:#7c3aed;
    font-weight:600;
}

.stars{

    color:#ffc107;
    margin:15px 0;
    letter-spacing:2px;
}

.success-card p{

    color:#666;
    line-height:28px;
}

.student-avatar{
    width:90px;
    height:90px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 20px;
    font-size:34px;
    font-weight:700;
    color:#fff;
    letter-spacing:1px;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
    border:5px solid #fff;
}

.student-avatar.purple{
    background:linear-gradient(135deg,#7c3aed,#a855f7);
}

.student-avatar.blue{
    background:linear-gradient(135deg,#2563eb,#60a5fa);
}

.student-avatar.green{
    background:linear-gradient(135deg,#10b981,#34d399);
}

.student-avatar.orange{
    background:linear-gradient(135deg,#f97316,#fb923c);
}

.student-avatar.pink{
    background:linear-gradient(135deg,#ec4899,#f472b6);
}

.student-avatar.cyan{
    background:linear-gradient(135deg,#06b6d4,#22d3ee);
}
.info-card .section-title {
    font-size: 22px;
    font-weight: 700;
    color: #231942;
}
.footer-banner a {
    color: inherit;
    text-decoration: none;
}

/* Footer */
.footer-section{

    background:#111827;
    color:#d1d5db;
    padding:80px 0 30px;
}

.footer-logo{

    text-decoration:none;
    color:#fff;
    font-size:26px;
    font-weight:700;
}

.footer-logo img{

    width:55px;
    margin-right:15px;
}

.footer-text{

    line-height:30px;
    color:#9ca3af;
}

.footer-section h5{

    color:#fff;
    margin-bottom:25px;
    font-weight:700;
}

.footer-section ul{

    padding:0;
    list-style:none;
}

.footer-section ul li{

    margin-bottom:15px;
}

.footer-section ul li a{

    color:#9ca3af;
    text-decoration:none;
    transition:.3s;
}

.footer-section ul li a:hover{

    color:#8b5cf6;
    padding-left:6px;
}

.contact-info li{

    color:#9ca3af;
    line-height:28px;
}

.contact-info i{

    color:#8b5cf6;
    margin-right:10px;
}

.footer-social{

    display:flex;
    gap:12px;
    margin-top:25px;
}

.footer-social a{

    width:42px;
    height:42px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#1f2937;
    color:#fff;
    transition:.3s;
    text-decoration:none;
}

.footer-social a:hover{

    background:#8b5cf6;
    transform:translateY(-5px);
}

.footer-links{

    display:flex;
    flex-wrap:wrap;
    gap:18px;
}

.footer-links a{

    color:#9ca3af;
    text-decoration:none;
    font-size:15px;
}

.footer-links a:hover{

    color:#fff;
}

.footer-section hr{

    border-color:#374151;
    margin:45px 0 30px;
}

@media(max-width:991px){

.footer-links{

justify-content:center;
margin-bottom:20px;

}

.footer-section{

text-align:center;

}

.footer-social{

justify-content:center;

}

}
/* Enquiry Modal */
.enquiry-modal{

    border:none;
    overflow:hidden;
    border-radius:25px;
}

.modal-left{

    background:linear-gradient(135deg,#6C2BD9,#8B5CF6);
    color:#fff;
    padding:50px 35px;
    height:100%;
}

.offer-tag{

    background:#fff;
    color:#6C2BD9;
    padding:8px 18px;
    border-radius:30px;
    display:inline-block;
    font-weight:600;
    margin-bottom:25px;
}

.modal-left h2{

    font-size:39px;
    font-weight:700;
}

.modal-left span{

    color:#FFD54F;
}

.modal-left p{

    opacity:.9;
    margin:20px 0;
}

.modal-left ul{

    padding:0;
    list-style:none;
}

.modal-left li{

    margin-bottom:18px;
}

.modal-left i{

    color:#FFD54F;
    margin-right:10px;
}

.modal-right{

    padding:45px 20px;
}

.modal-right h3{

    font-weight:700;
    margin-bottom:30px;
}

.form-control,
.form-select{

    height:55px;
    border-radius:12px;
}

textarea.form-control{

    height:auto;
}

.btn-enquiry{

    width:100%;
    padding:14px;
    background:linear-gradient(90deg,#6C2BD9,#8B5CF6);
    color:#fff;
    border-radius:12px;
    font-weight:600;
}

.btn-enquiry:hover{

    color:#fff;
}

.close-btn{

    position:absolute;
    top:20px;
    right:20px;
    z-index:5;
}

@media(max-width:991px){

.modal-left{

padding:35px;

}

.modal-right{

padding:30px 15px;

}

.modal-left h2{

font-size:32px;

}

}