@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Nunito+Sans:wght@400;600;700;800&display=swap');

.aci-home { font-family:'Nunito Sans',sans-serif; color:#222; overflow-x:hidden; }
.aci-home *{ box-sizing:border-box; margin:0; padding:0; }
.aci-home a{ text-decoration:none; }
.aci-home img{ display:block; }

/* ── SHARED ── */
.aci-section-label{
  display:inline-block;
  background:#fff3ec;
  color:#ff6600;
  font-size:12px;
  font-weight:700;
  letter-spacing:1.2px;
  text-transform:uppercase;
  padding:5px 14px;
  border-radius:20px;
  margin-bottom:12px;
}
.aci-section-title{
  font-family:'Rajdhani',sans-serif;
  font-size:36px;
  font-weight:700;
  color:#1a1a6e;
  margin-bottom:10px;
  line-height:1.15;
}
.aci-section-sub{
  font-size:15px;
  color:#666;
  max-width:560px;
  line-height:1.7;
}
.aci-center{ text-align:center; display:flex; flex-direction:column; align-items:center; }

/* ════════════════════════════════════════
   1. HERO
════════════════════════════════════════ */
.aci-hero{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#0c0c2e;
}
.aci-hero-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
/* blobs */
.aci-blob{
  position:absolute;
  border-radius:50%;
  filter:blur(90px);
  opacity:.35;
  pointer-events:none;
}
.aci-blob1{ width:500px;height:500px;background:#1a1a9e;top:-100px;left:-100px;animation:aciBlob1 18s ease-in-out infinite alternate; }
.aci-blob2{ width:400px;height:400px;background:#ff6600;bottom:-80px;right:-80px;animation:aciBlob2 22s ease-in-out infinite alternate; }
.aci-blob3{ width:300px;height:300px;background:#5533ff;top:40%;left:50%;animation:aciBlob1 14s ease-in-out infinite alternate; }
@keyframes aciBlob1{ from{transform:translate(0,0);} to{transform:translate(60px,-50px);} }
@keyframes aciBlob2{ from{transform:translate(0,0);} to{transform:translate(-50px,40px);} }

.aci-hero-inner{
  position:relative;
  z-index:2;
  max-width:1200px;
  margin:0 auto;
  padding:120px 32px 80px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
  width:100%;
}

/* LEFT CONTENT */
.aci-hero-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(255,102,0,.15);
  border:1px solid rgba(255,102,0,.4);
  color:#ff9955;
  font-size:12px;
  font-weight:700;
  padding:5px 14px;
  border-radius:20px;
  margin-bottom:20px;
  letter-spacing:.5px;
}
.aci-hero-badge span{
  width:7px;height:7px;background:#ff6600;border-radius:50%;
  animation:aciPulse 1.5s ease-in-out infinite;
}
@keyframes aciPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,102,0,.5);}
  50%{box-shadow:0 0 0 6px rgba(255,102,0,0);}
}
.aci-hero h1{
  font-family:'Rajdhani',sans-serif;
  font-size:54px;
  font-weight:700;
  color:#fff;
  line-height:1.1;
  margin-bottom:18px;
}
.aci-hero h1 em{
  color:#ff6600;
  font-style:normal;
  position:relative;
}
.aci-hero h1 em::after{
  content:'';
  position:absolute;
  left:0;bottom:-4px;
  width:100%;height:3px;
  background:#ff6600;
  border-radius:2px;
}
.aci-hero p{
  font-size:16px;
  color:rgba(255,255,255,.7);
  line-height:1.75;
  margin-bottom:32px;
  max-width:480px;
}
.aci-hero-btns{ display:flex;gap:14px;flex-wrap:wrap; }
.aci-btn-primary{
  padding:14px 30px;
  background:#ff6600;
  color:#fff;
  font-size:14px;
  font-weight:700;
  border-radius:8px;
  transition:all .2s;
  font-family:'Nunito Sans',sans-serif;
  box-shadow:0 8px 24px rgba(255,102,0,.35);
}
.aci-btn-primary:hover{ background:#e05500; transform:translateY(-2px); box-shadow:0 12px 28px rgba(255,102,0,.4); }
.aci-btn-outline{
  padding:14px 30px;
  border:2px solid rgba(255,255,255,.3);
  color:#fff;
  font-size:14px;
  font-weight:700;
  border-radius:8px;
  transition:all .2s;
  font-family:'Nunito Sans',sans-serif;
}
.aci-btn-outline:hover{ border-color:#fff; background:rgba(255,255,255,.08); transform:translateY(-2px); }

/* HERO STATS */
.aci-hero-stats{
  display:flex;
  gap:32px;
  margin-top:40px;
  padding-top:32px;
  border-top:1px solid rgba(255,255,255,.1);
}
.aci-hstat-num{
  font-family:'Rajdhani',sans-serif;
  font-size:30px;
  font-weight:700;
  color:#ff6600;
}
.aci-hstat-label{ font-size:12px; color:rgba(255,255,255,.55); margin-top:2px; }

/* HERO RIGHT — FLOATING CARDS */
.aci-hero-visual{ position:relative; height:420px; }
.aci-laptop{
  position:absolute;
  bottom:0; left:50%; transform:translateX(-50%);
  width:320px;
}
.aci-laptop-screen{
  background:#1a1a3e;
  border-radius:14px 14px 0 0;
  border:2px solid #333;
  padding:14px;
  height:200px;
  overflow:hidden;
}
.aci-screen-bar{
  display:flex;gap:6px;margin-bottom:12px;
}
.aci-dot{ width:10px;height:10px;border-radius:50%; }
.aci-dot.r{ background:#ff5f57; }
.aci-dot.y{ background:#febc2e; }
.aci-dot.g{ background:#28c840; }
.aci-code-lines{ display:flex;flex-direction:column;gap:8px; }
.aci-cl{
  height:8px;border-radius:4px;
  background:rgba(255,255,255,.08);
  animation:aciShimmer 2s infinite;
}
.aci-cl1{ width:70%; }
.aci-cl2{ width:50%;background:rgba(255,102,0,.25); }
.aci-cl3{ width:85%; }
.aci-cl4{ width:40%;background:rgba(99,102,241,.3); }
.aci-cl5{ width:60%; }
@keyframes aciShimmer{
  0%,100%{ opacity:.6; }
  50%{ opacity:1; }
}
.aci-laptop-base{
  background:#2a2a4e;
  height:14px;
  border-radius:0 0 6px 6px;
  border:2px solid #333;
  border-top:none;
}
.aci-laptop-foot{
  width:80px;height:8px;
  background:#222;
  border-radius:0 0 8px 8px;
  margin:0 auto;
}

/* Floating info cards */
.aci-fcard{
  position:absolute;
  background:rgba(255,255,255,.1);
  backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.2);
  border-radius:12px;
  padding:12px 16px;
  color:#fff;
  animation:aciFloat 4s ease-in-out infinite;
}
.aci-fcard1{ top:10px;left:-10px;animation-delay:0s; }
.aci-fcard2{ top:30px;right:-20px;animation-delay:1.5s; }
.aci-fcard3{ bottom:160px;right:-30px;animation-delay:.8s; }
@keyframes aciFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-10px); }
}
.aci-fcard-tag{ font-size:10px;color:rgba(255,255,255,.55);margin-bottom:4px; }
.aci-fcard-val{ font-family:'Rajdhani',sans-serif;font-size:22px;font-weight:700;color:#ff6600; }
.aci-fcard-sub{ font-size:11px;color:rgba(255,255,255,.6); }

/* ════════════════════════════════════════
   2. ABOUT
════════════════════════════════════════ */
.aci-about{
  padding:90px 32px;
  background:#fff;
}
.aci-about-inner{
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
}
.aci-about-img-wrap{ position:relative; }
.aci-about-img-wrap img{
  width:100%;
  border-radius:16px;
  box-shadow:0 24px 56px rgba(26,26,110,.15);
}
.aci-about-badge{
  position:absolute;
  bottom:-20px;right:-20px;
  background:#1a1a6e;
  color:#fff;
  border-radius:12px;
  padding:16px 20px;
  text-align:center;
  box-shadow:0 8px 24px rgba(26,26,110,.3);
}
.aci-about-badge-num{
  font-family:'Rajdhani',sans-serif;
  font-size:32px;
  font-weight:700;
  color:#ff6600;
  line-height:1;
}
.aci-about-badge-lbl{ font-size:11px; color:rgba(255,255,255,.7); margin-top:4px; }

.aci-about-content .aci-section-title{ margin-bottom:16px; }
.aci-about-content p{
  font-size:15px;
  color:#555;
  line-height:1.8;
  margin-bottom:16px;
}
.aci-about-features{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:24px 0 32px;
}
.aci-feature-item{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  font-weight:600;
  color:#333;
}
.aci-feature-item span{
  width:28px;height:28px;
  background:#fff3ec;
  border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;
  flex-shrink:0;
}

/* ════════════════════════════════════════
   3. WHY CHOOSE US
════════════════════════════════════════ */
.aci-why{
  padding:90px 32px;
  background:linear-gradient(135deg,#f8f9ff 0%,#fff3ec 100%);
  position:relative;
  overflow:hidden;
}
.aci-why::before{
  content:'';position:absolute;width:400px;height:400px;
  border-radius:50%;background:#1a1a6e;filter:blur(120px);opacity:.06;
  top:-100px;left:-100px;pointer-events:none;
}
.aci-why::after{
  content:'';position:absolute;width:400px;height:400px;
  border-radius:50%;background:#ff6600;filter:blur(120px);opacity:.06;
  bottom:-100px;right:-100px;pointer-events:none;
}
.aci-why-header{ text-align:center;margin-bottom:56px; }
.aci-why-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  max-width:1100px;
  margin:0 auto;
  position:relative;z-index:1;
}
.aci-why-card{
  background:#fff;
  border-radius:16px;
  padding:32px 24px;
  text-align:center;
  border:1px solid #eee;
  transition:all .25s;
  position:relative;
  overflow:hidden;
  cursor:default;
}
.aci-why-card::before{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(26,26,110,.04),rgba(255,102,0,.04));
  opacity:0;
  transition:opacity .25s;
}
.aci-why-card:hover{ transform:translateY(-6px);box-shadow:0 16px 40px rgba(26,26,110,.12);border-color:#dde; }
.aci-why-card:hover::before{ opacity:1; }
.aci-why-icon{
  width:64px;height:64px;
  border-radius:16px;
  background:linear-gradient(135deg,#1a1a6e,#2a2aae);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 18px;
  font-size:26px;
  transition:transform .25s;
  box-shadow:0 6px 18px rgba(26,26,110,.25);
}
.aci-why-card:hover .aci-why-icon{ transform:scale(1.08) rotate(3deg); }
.aci-why-card h3{
  font-family:'Rajdhani',sans-serif;
  font-size:18px;font-weight:700;
  color:#1a1a6e;margin-bottom:10px;
}
.aci-why-card p{ font-size:13px;color:#666;line-height:1.7; }

/* ════════════════════════════════════════
   4. POPULAR COURSES (SWIPER)
════════════════════════════════════════ */
.aci-courses{
  padding:90px 32px;
  background:#f7f7fb;
}
.aci-courses-header{
  text-align:center;
  margin-bottom:48px;
}
.aci-courses-header .aci-section-sub{ margin:0 auto; }
.aci-swiper-wrap{
  max-width:1160px;
  margin:0 auto;
  position:relative;
}
/* Swiper custom */
.aci-courses .swiper{ padding-bottom:24px !important; }
.aci-courses .swiper-pagination-bullet{ background:#1a1a6e !important; }
.aci-courses .swiper-pagination-bullet-active{ background:#ff6600 !important; }

/* COURSE CARD */
.aci-course-card{
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  border:1px solid #e8e8f0;
  transition:all .25s;
  display:flex;
  flex-direction:column;
}
.aci-course-card:hover{
  transform:translateY(-5px);
  box-shadow:0 12px 36px rgba(26,26,110,.12);
}
.aci-course-img{
  position:relative;
  height:190px;
  overflow:hidden;
}
.aci-course-img img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .35s;
}
.aci-course-card:hover .aci-course-img img{ transform:scale(1.05); }
.aci-course-img-placeholder{
  width:100%;height:100%;
  background:linear-gradient(135deg,#e8e8f5,#d0d0ee);
  display:flex;align-items:center;justify-content:center;
}
.aci-course-img-placeholder svg{ width:44px;height:44px;stroke:#9999cc;fill:none;opacity:.6; }
.aci-cat-pill{
  position:absolute;top:12px;left:12px;
  background:rgba(26,26,110,.85);
  color:#fff;font-size:10px;font-weight:700;
  padding:4px 10px;border-radius:12px;
  backdrop-filter:blur(4px);
}
.aci-pop-badge{
  position:absolute;top:12px;right:12px;
  background:#ff6600;color:#fff;
  font-size:10px;font-weight:700;
  padding:4px 10px;border-radius:12px;
}
.aci-course-body{
  padding:18px;
  display:flex;flex-direction:column;flex:1;
}
.aci-course-stars{ color:#f59e0b;font-size:13px;margin-bottom:8px; }
.aci-course-name{
  font-family:'Rajdhani',sans-serif;
  font-size:17px;font-weight:700;
  color:#1a1a6e;margin-bottom:6px;
  line-height:1.3;
}
.aci-course-desc{
  font-size:12px;color:#777;
  line-height:1.6;margin-bottom:14px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  flex:1;
}
.aci-course-meta{
  display:flex;gap:14px;
  margin-bottom:14px;
}
.aci-cmeta{
  display:flex;align-items:center;gap:5px;
  font-size:12px;color:#888;font-weight:600;
}
.aci-cmeta svg{ width:13px;height:13px;fill:none;stroke:#888;stroke-width:2; }
.aci-course-btn{
  display:block;text-align:center;
  background:#1a1a6e;color:#fff;
  font-size:13px;font-weight:700;
  padding:10px;border-radius:8px;
  transition:background .2s;
  font-family:'Nunito Sans',sans-serif;
}
.aci-course-btn:hover{ background:#ff6600; }

/* view all */
.aci-view-all-wrap{ text-align:center;margin-top:36px; }
.aci-view-all{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 28px;
  border:2px solid #1a1a6e;
  color:#1a1a6e;
  font-size:14px;font-weight:700;
  border-radius:8px;
  transition:all .2s;
  font-family:'Nunito Sans',sans-serif;
}
.aci-view-all:hover{ background:#1a1a6e;color:#fff; }

/* ════════════════════════════════════════
   5. STATS
════════════════════════════════════════ */
.aci-stats{
  padding:80px 32px;
  background:linear-gradient(135deg,#1a1a6e 0%,#0c0c2e 100%);
  position:relative;overflow:hidden;
}
.aci-stats::before{
  content:'';position:absolute;width:500px;height:500px;
  border-radius:50%;background:#ff6600;filter:blur(130px);opacity:.1;
  top:-150px;right:-100px;pointer-events:none;
}
.aci-stats-inner{
  max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);gap:24px;
  position:relative;z-index:1;
}
.aci-stat-card{
  text-align:center;
  padding:32px 20px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  transition:all .25s;
  backdrop-filter:blur(8px);
}
.aci-stat-card:hover{
  background:rgba(255,255,255,.1);
  transform:translateY(-4px);
  box-shadow:0 12px 30px rgba(0,0,0,.3);
}
.aci-stat-icon{
  width:54px;height:54px;
  background:rgba(255,102,0,.18);
  border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 14px;
  font-size:22px;
}
.aci-stat-num{
  font-family:'Rajdhani',sans-serif;
  font-size:40px;font-weight:700;
  color:#ff6600;line-height:1;
  margin-bottom:6px;
}
.aci-stat-label{ font-size:13px;color:rgba(255,255,255,.6); }
.aci-why-icon{
    width: 85px;
    height: 85px;
    border-radius: 25px;
    background: linear-gradient(135deg,#0d6efd,#4f8cff);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    box-shadow: 0 10px 25px rgba(13,110,253,0.25);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

.aci-why-icon::before{
    content: "";
    position: absolute;
    width: 120%;
    height: 120%;
    background: rgba(255,255,255,0.15);
    transform: rotate(45deg);
    top: -120%;
    left: -120%;
    transition: 0.5s;
}

.aci-why-card:hover .aci-why-icon::before{
    top: 100%;
    left: 100%;
}

.aci-why-icon i{
    font-size: 38px;
    color: #fff;
    z-index: 2;
    transition: 0.3s;
}

.aci-why-card:hover .aci-why-icon{
    transform: translateY(-8px) scale(1.08);
    box-shadow: 0 15px 35px rgba(13,110,253,0.35);
}

.aci-why-card:hover .aci-why-icon i{
    transform: rotate(-8deg) scale(1.15);
}
.aci-stat-icon{
    width: 85px;
    height: 85px;
    margin: 0 auto 20px;
    border-radius: 24px;
    background: linear-gradient(135deg,#0d6efd,#6ea8fe);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(13,110,253,0.25);
    transition: all 0.4s ease;
}

.aci-stat-icon::before{
    content: "";
    position: absolute;
    width: 150%;
    height: 150%;
    background: rgba(255,255,255,0.12);
    transform: rotate(45deg);
    top: -140%;
    left: -140%;
    transition: 0.6s;
}

.aci-stat-card:hover .aci-stat-icon::before{
    top: 100%;
    left: 100%;
}

.aci-stat-icon i{
    font-size: 38px;
    color: #fff;
    z-index: 2;
    transition: 0.3s ease;
}

.aci-stat-card:hover .aci-stat-icon{
    transform: translateY(-10px) scale(1.08);
    box-shadow: 0 18px 40px rgba(13,110,253,0.35);
}

.aci-stat-card:hover .aci-stat-icon i{
    transform: rotate(-10deg) scale(1.15);
}
/* ════════════════════════════════════════
   6. TESTIMONIALS
════════════════════════════════════════ */
.aci-testi{
  padding:90px 32px;
  background:#fff;
  overflow:hidden;
}
.aci-testi-header{ text-align:center;margin-bottom:48px; }
.aci-testi-header .aci-section-sub{ margin:0 auto; }
.aci-testi-track-wrap{
  overflow:hidden;
  max-width:1200px;
  margin:0 auto;
  -webkit-mask:linear-gradient(90deg,transparent,#fff 8%,#fff 92%,transparent);
  mask:linear-gradient(90deg,transparent,#fff 8%,#fff 92%,transparent);
}
.aci-testi-track{
  display:flex;gap:24px;
  animation:aciScroll 28s linear infinite;
  width:max-content;
}
.aci-testi-track:hover{ animation-play-state:paused; }
@keyframes aciScroll{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}
.aci-testi-card{
  width:300px;
  flex-shrink:0;
  background:#f8f8ff;
  border:1px solid #e8e8f0;
  border-radius:16px;
  padding:24px;
  transition:all .25s;
}
.aci-testi-card:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 28px rgba(26,26,110,.1);
  border-color:#c0c0dd;
}
.aci-testi-stars{ color:#f59e0b;font-size:14px;margin-bottom:12px; }
.aci-testi-text{
  font-size:13px;color:#444;
  line-height:1.75;margin-bottom:16px;
  font-style:italic;
}
.aci-testi-author{ display:flex;align-items:center;gap:10px; }
.aci-testi-avatar{
  width:38px;height:38px;border-radius:50%;
  background:#1a1a6e;
  display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:700;color:#fff;
  flex-shrink:0;
}
.aci-testi-name{ font-size:13px;font-weight:700;color:#1a1a6e; }
.aci-testi-course{ font-size:11px;color:#999; }

/* ════════════════════════════════════════
   7. CTA
════════════════════════════════════════ */
.aci-cta{
  padding:90px 32px;
  background:linear-gradient(135deg,#f0f0ff,#fff3ec);
  position:relative;overflow:hidden;
}
.aci-cta-inner{
  max-width:760px;margin:0 auto;
  background:#fff;
  border-radius:24px;
  padding:56px 48px;
  text-align:center;
  box-shadow:0 20px 60px rgba(26,26,110,.1);
  border:1px solid #eee;
  position:relative;z-index:1;
}
.aci-cta-inner h2{
  font-family:'Rajdhani',sans-serif;
  font-size:38px;font-weight:700;
  color:#1a1a6e;margin-bottom:14px;
}
.aci-cta-inner p{ font-size:16px;color:#666;margin-bottom:36px;line-height:1.7; }
.aci-cta-btns{ display:flex;justify-content:center;gap:14px;flex-wrap:wrap; }
.aci-cta-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 28px;
  background:#ff6600;color:#fff;
  font-size:14px;font-weight:700;
  border-radius:8px;
  transition:all .2s;
  font-family:'Nunito Sans',sans-serif;
  box-shadow:0 8px 20px rgba(255,102,0,.3);
}
.aci-cta-btn:hover{ background:#e05500;transform:translateY(-2px); }
.aci-cta-outline{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 28px;
  border:2px solid #1a1a6e;color:#1a1a6e;
  font-size:14px;font-weight:700;
  border-radius:8px;
  transition:all .2s;
  font-family:'Nunito Sans',sans-serif;
}
.aci-cta-outline:hover{ background:#1a1a6e;color:#fff;transform:translateY(-2px); }

/* ════════════════════════════════════════
   RESPONSIVE
════════════════════════════════════════ */
@media(max-width:1024px){
  .aci-why-grid{ grid-template-columns:repeat(2,1fr); }
  .aci-stats-inner{ grid-template-columns:repeat(2,1fr); }
}@media(max-width:768px){

  /* ── HERO ── */
  .aci-hero-inner{ 
    grid-template-columns:1fr;
    gap:24px;
    padding:80px 16px 40px; 
  }
  .aci-hero h1{ font-size:28px; margin-bottom:12px; }
  .aci-hero p{ font-size:14px; margin-bottom:20px; }
  .aci-hero-badge{ font-size:11px; padding:4px 10px; }
  .aci-hero-visual{ display:none; }
  .aci-hero-btns{ gap:10px; }
  .aci-btn-primary, .aci-btn-outline{ 
    padding:11px 20px; 
    font-size:13px; 
  }
  .aci-hero-stats{ 
    gap:16px; 
    margin-top:24px;
    padding-top:20px;
    flex-wrap:wrap;
  }
  .aci-hstat-num{ font-size:22px; }

  /* ── ABOUT ── */
  .aci-about{ padding:50px 16px; }
  .aci-about-inner{ 
    grid-template-columns:1fr; 
    gap:28px;
  }
  .aci-about-badge{ display:none; }
  .aci-about-content p{ font-size:13px; }
  .aci-about-features{ grid-template-columns:1fr 1fr; gap:10px; }
  .aci-feature-item{ font-size:12px; }
  .aci-section-title{ font-size:26px; }
  .aci-section-sub{ font-size:13px; }

  /* ── WHY ── */
  .aci-why{ padding:50px 16px; }
  .aci-why-grid{ 
    grid-template-columns:1fr 1fr;
    gap:12px; 
  }
  .aci-why-card{ padding:20px 14px; }
  .aci-why-icon{ 
    width:54px; height:54px; 
    border-radius:14px;
    margin-bottom:12px;
  }
  .aci-why-icon i{ font-size:24px; }
  .aci-why-card h3{ font-size:14px; margin-bottom:6px; }
  .aci-why-card p{ font-size:11px; }

  /* ── COURSES ── */
  .aci-courses{ padding:50px 16px; }
  .aci-courses-header{ margin-bottom:28px; }
  .aci-course-img{ height:150px; }
  .aci-course-name{ font-size:14px; }
  .aci-course-desc{ font-size:11px; }
  .aci-course-btn{ font-size:12px; padding:8px; }

  /* ── STATS ── */
  .aci-stats{ padding:50px 16px; }
  .aci-stats-inner{ 
    grid-template-columns:1fr 1fr;
    gap:14px;
  }
  .aci-stat-card{ padding:20px 12px; }
  .aci-stat-icon{ 
    width:54px; height:54px;
    border-radius:14px;
    margin-bottom:12px;
  }
  .aci-stat-icon i{ font-size:24px; }
  .aci-stat-num{ font-size:28px; }
  .aci-stat-label{ font-size:11px; }

  /* ── TESTIMONIALS ── */
  .aci-testi{ padding:50px 0; }
  .aci-testi-header{ padding:0 16px; margin-bottom:28px; }
  .aci-testi-card{ width:240px; padding:16px; }
  .aci-testi-text{ font-size:12px; }

  /* ── CTA ── */
  .aci-cta{ padding:50px 16px; }
  .aci-cta-inner{ 
    padding:28px 16px; 
    border-radius:16px;
  }
  .aci-cta-inner h2{ font-size:22px; margin-bottom:10px; }
  .aci-cta-inner p{ font-size:13px; margin-bottom:24px; }
  .aci-cta-btn, .aci-cta-outline{ 
    padding:11px 20px;
    font-size:13px;
    width:100%;
    justify-content:center;
  }
  .aci-cta-btns{ flex-direction:column; gap:10px; }
}

@media(max-width:480px){
  .aci-hero h1{ font-size:24px; }
  .aci-why-grid{ grid-template-columns:1fr; }
  .aci-about-features{ grid-template-columns:1fr; }
  .aci-stats-inner{ grid-template-columns:1fr 1fr; }
  .aci-hero-stats{ justify-content:space-between; }
}

.apg-bar {
  position:fixed; top:0; left:0; height:3px; z-index:9999;
  background:linear-gradient(90deg, #1a1a6e, #ff6600);
  width:0; transition:width .1s linear; pointer-events:none;
}