/* =================================================================
   ASTRO ARUN — LEARN KP ASTROLOGY ONLINE (GROUP ZOOM CLASSES) PAGE
   Scoped under #cg-page, cg- prefix throughout — mirrors the
   component system used in kp-classes-page.css (czp- prefix).
   ================================================================= */
#cg-page{
  --cg-navy1:#16224d; --cg-navy2:#0c1230;
  --cg-cyan:#22d3ee; --cg-cyan-soft:#67e8f9; --cg-blue:#3b82f6; --cg-blue-soft:#93c5fd;
  --cg-indigo:#4338ca; --cg-indigo-deep:#3730a3;
  --cg-teal:#0891b2; --cg-teal-deep:#0e7490;
  --cg-gold:#b8862e;
  --cg-heading:#161c3f; --cg-title:#191f45;
  --cg-text:#454b6e; --cg-text-soft:#565c80; --cg-text-soft2:#4a5178;
  background:#fff;
  color:var(--cg-text);
  font-family:'Manrope',sans-serif;
  font-size:16px;
  line-height:1.6;
}
#cg-page *{ box-sizing:border-box; }
#cg-page h1, #cg-page h2, #cg-page h3, #cg-page p, #cg-page ul{ margin:0; padding:0; }
#cg-page .cg-icon-svg{ width:100%; height:100%; display:block; }

#cg-page .cg-pill{ display:inline-flex; align-items:center; gap:6px; padding:6px 16px; border-radius:999px; font-weight:700; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; margin-bottom:16px; background:rgba(67,56,202,.08); border:1px solid rgba(67,56,202,.18); color:var(--cg-indigo); }
#cg-page .cg-dot{ width:5px; height:5px; border-radius:50%; background:var(--cg-cyan); }
#cg-page .cg-heading{ font-family:'PT Serif',serif; font-weight:700; line-height:1.28; color:var(--cg-heading); margin-bottom:12px; }
#cg-page .cg-line{ display:block; }

/* ============ HERO — frozen: Champagne Gold Light ============ */
#cg-hero{ position:relative; background:linear-gradient(160deg,#fdf8ea 0%,#f8edcf 100%); padding:24px 20px 40px; overflow:hidden; }
#cg-hero .cg-hero-inner{ max-width:720px; margin:0 auto; text-align:center; position:relative; z-index:2; }
#cg-hero .cg-h1{ font-family:'Marcellus',serif; font-weight:700; font-size:clamp(1.3rem,5.4vw,2rem); letter-spacing:.02em; color:#5a4213; line-height:1.24; margin:0 0 22px; }
#cg-hero .cg-hero-desc{ font-size:1.05rem; line-height:1.5; max-width:580px; margin:0 auto 22px; color:#5c4c30; text-align:left; }
@media (min-width:992px){ #cg-hero .cg-hero-desc{ font-size:1.15rem; } }

#cg-hero .cg-options-label{ font-size:1.05rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#9a7a3a; margin-bottom:10px; text-align:center; }
#cg-hero .cg-options{ list-style:none; margin:0 auto 18px; padding:0; width:max-content; max-width:100%; text-align:left; }
#cg-hero .cg-options li{ display:flex; align-items:center; justify-content:flex-start; gap:8px; font-size:1.02rem; font-weight:600; color:#6c5220; padding:6px 0; }
#cg-hero .cg-options li::before{ content:'\2726'; color:#d4af37; font-size:.85rem; }
#cg-hero .cg-options a{ color:#6c5220; text-decoration:underline; text-decoration-color:rgba(108,82,32,.35); }
#cg-hero .cg-options a:hover{ color:#4a3813; }
#cg-hero .cg-options .cg-opt-active{ color:#8a6420; font-weight:800; }

#cg-hero .cg-hero-desc2{ font-size:1.05rem; line-height:1.5; max-width:580px; margin:0 auto 18px; color:#5c4c30; text-align:left; }
@media (min-width:992px){ #cg-hero .cg-hero-desc2{ font-size:1.15rem; } }

#cg-hero .cg-direct-note{ font-size:1.05rem; line-height:1.5; color:#75603a; text-align:left; }
@media (min-width:992px){ #cg-hero .cg-direct-note{ font-size:1.15rem; } }

#cg-page .cg-glow{ position:absolute; border-radius:50%; filter:blur(60px); opacity:.35; z-index:1; pointer-events:none; }
#cg-page .cg-glow-1{ width:260px; height:260px; background:var(--cg-cyan); top:-100px; left:-60px; }
#cg-page .cg-glow-2{ width:240px; height:240px; background:var(--cg-blue); bottom:-110px; right:-60px; }
/* hero glow re-tinted to match the champagne gold background (final CTA below keeps the default cyan/blue) */
#cg-hero .cg-glow-1{ background:#f3e0a3; opacity:.5; }
#cg-hero .cg-glow-2{ background:#e8c96a; opacity:.5; }

/* ============ LEARN THROUGH LIVE ZOOM (intro + highlights) ============ */
#cg-intro{ background:#fff; padding:46px 20px 26px; }
#cg-intro .cg-inner{ max-width:760px; margin:0 auto; }
#cg-intro .cg-head{ text-align:center; margin-bottom:22px; }
#cg-intro .cg-heading{ font-size:clamp(1.4rem,5.6vw,1.9rem); max-width:460px; margin-left:auto; margin-right:auto; }
#cg-intro .cg-p{ font-size:1.05rem; line-height:1.5; max-width:600px; margin:0 auto 16px; color:var(--cg-text); text-align:left; }
@media (min-width:992px){ #cg-intro .cg-p{ font-size:1.15rem; } }
#cg-intro .cg-p:last-of-type{ margin-bottom:0; }

/* Course Highlights card — frozen: purple gradient header (white heading), white body, sky-blue labels/divider */
#cg-intro .cg-highlights-card{ margin-top:30px; background:#ffffff; border:1px solid #dcd2f5; border-radius:18px; overflow:hidden; box-shadow:0 14px 32px rgba(40,20,80,.18); }
#cg-intro .cg-highlights-header{ background:linear-gradient(155deg,#6d28d9,#4c1d95); padding:18px 20px; text-align:center; }
#cg-intro .cg-highlights-title{ font-family:'Manrope',sans-serif; font-weight:800; font-size:1.15rem; letter-spacing:.08em; text-transform:uppercase; color:#ffffff; margin:0; }
#cg-intro .cg-hl-list{ display:flex; flex-direction:column; padding:6px 24px 4px; }
#cg-intro .cg-hl-row{ display:flex; gap:6px; padding:12px 0; border-bottom:1px solid #cdeaf7; font-size:1rem; white-space:nowrap; overflow-x:auto; }
#cg-intro .cg-hl-list .cg-hl-row:last-child{ border-bottom:none; }
#cg-intro .cg-hl-label{ font-weight:800; color:#0ea5e9; flex-shrink:0; }
#cg-intro .cg-hl-value{ font-weight:600; color:#333333; }

/* ============ BEFORE YOU START ============ */
#cg-before-start{ background:linear-gradient(180deg,#f7f9ff 0%,#fff 100%); padding:44px 20px 52px; }
#cg-before-start .cg-inner{ max-width:760px; margin:0 auto; }
#cg-before-start .cg-head{ text-align:center; margin-bottom:26px; }
#cg-before-start .cg-pill{ background:rgba(8,145,178,.08); border:1px solid rgba(8,145,178,.18); color:var(--cg-teal-deep); }
#cg-before-start .cg-pill .cg-dot{ background:var(--cg-indigo); }
#cg-before-start .cg-heading{ font-size:clamp(1.4rem,6vw,2.1rem); margin-bottom:14px; }
#cg-before-start .cg-note{ font-size:1.05rem; line-height:1.5; text-align:left; max-width:560px; margin:0 auto; color:var(--cg-text-soft); }
@media (min-width:992px){ #cg-before-start .cg-note{ font-size:1.15rem; } }
#cg-before-start .cg-note + .cg-note{ margin-top:13px; }
#cg-before-start .cg-basics-card{ margin-top:24px; background:#fff; border:1px solid #e2e7fa; border-radius:16px; padding:4px 18px; box-shadow:0 6px 20px rgba(30,41,90,.05); }
#cg-before-start .cg-basics-row{ display:flex; align-items:center; gap:13px; padding:13px 0; border-bottom:1px solid #eef1fa; }
#cg-before-start .cg-basics-row:last-child{ border-bottom:none; }
#cg-before-start .cg-basics-icon-wrap{ width:32px; height:32px; border-radius:9px; background:#eef1ff; color:var(--cg-indigo); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
#cg-before-start .cg-basics-icon-wrap .cg-icon-svg{ width:16px; height:16px; }
#cg-before-start .cg-basics-title{ font-family:'Manrope',sans-serif; font-weight:700; font-size:1rem; color:var(--cg-title); }
#cg-before-start .cg-begin{ margin-top:28px; background:#f1ecff; border:1px solid #ddd0fb; border-radius:16px; padding:22px 20px; box-shadow:0 8px 22px rgba(124,88,237,.1); }
#cg-before-start .cg-begin-head{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
#cg-before-start .cg-begin-icon{ width:30px; height:30px; border-radius:9px; background:#e2e8ff; color:var(--cg-indigo); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
#cg-before-start .cg-begin-icon .cg-icon-svg{ width:16px; height:16px; }
#cg-before-start .cg-begin-title{ font-family:'Manrope',sans-serif; font-weight:700; font-size:1rem; color:var(--cg-title); }
#cg-before-start .cg-begin-text{ font-size:1rem; line-height:1.43; color:var(--cg-text-soft2); margin-bottom:14px; }
#cg-before-start .cg-begin-text:last-of-type{ margin-bottom:0; }
#cg-before-start .cg-flow{ display:flex; align-items:center; flex-wrap:wrap; gap:6px; font-size:.76rem; font-weight:700; letter-spacing:.02em; margin-top:14px; }
#cg-before-start .cg-flow-step{ padding:6px 11px; border-radius:999px; background:#fff; color:var(--cg-indigo-deep); border:1px solid #dfe4fb; }
#cg-before-start .cg-flow-arrow{ color:#94a3d9; font-size:.8rem; }

/* ============ WHY CHOOSE GROUP CLASSES (6 rows) ============ */
#cg-why-choose{ padding:46px 20px 26px; background:#fff; }
#cg-why-choose .cg-inner{ max-width:780px; margin:0 auto; }
#cg-why-choose .cg-head{ text-align:center; margin-bottom:32px; }
#cg-why-choose .cg-heading{ font-size:clamp(1.5rem,6.5vw,2.3rem); }
#cg-why-choose .cg-intro-p{ font-size:clamp(.92rem,2.4vw,1.02rem); line-height:1.7; max-width:560px; margin:0 auto; color:var(--cg-text); }
#cg-why-choose .cg-ob-list{ margin-top:30px; }
#cg-why-choose .cg-ob-row{ padding:17px 18px; border-radius:14px; margin-bottom:10px; text-align:left; }
#cg-why-choose .cg-ob-row:last-child{ margin-bottom:0; }
#cg-why-choose .cg-ob-row:nth-child(odd){ background:#f6f8ff; }
#cg-why-choose .cg-ob-row:nth-child(even){ background:#f2fbfd; }
#cg-why-choose .cg-ob-head{ display:flex; align-items:center; gap:13px; margin-bottom:6px; }
#cg-why-choose .cg-ob-icon-wrap{ width:34px; height:34px; border-radius:10px; background:#fff; box-shadow:0 3px 10px rgba(30,41,90,.08); display:flex; align-items:center; justify-content:center; color:var(--cg-teal); flex-shrink:0; }
#cg-why-choose .cg-ob-icon-wrap .cg-icon-svg{ width:16px; height:16px; }
#cg-why-choose .cg-ob-row:nth-child(odd) .cg-ob-icon-wrap{ color:var(--cg-indigo); }
#cg-why-choose .cg-ob-title{ font-family:'Manrope',sans-serif; font-weight:700; font-size:1.1rem; color:var(--cg-title); }
#cg-why-choose .cg-ob-text{ font-size:.95rem; line-height:1.36; color:var(--cg-text-soft); }
#cg-why-choose .cg-ob-extra{ font-size:.8rem; line-height:1.55; color:var(--cg-teal-deep); font-weight:700; margin-top:6px; }

/* ============ WHAT WILL YOU LEARN (syllabus) ============ */
#cg-what-learn{ background:#fff; padding:24px 20px 52px; }
#cg-what-learn .cg-inner{ max-width:700px; margin:0 auto; }
#cg-what-learn .cg-head{ text-align:center; margin-bottom:30px; }
#cg-what-learn .cg-heading{ font-size:clamp(1.5rem,6.5vw,2.2rem); }
#cg-what-learn .cg-desc{ font-size:1.05rem; line-height:1.5; max-width:560px; margin:0 auto; color:var(--cg-text); text-align:left; }
@media (min-width:992px){ #cg-what-learn .cg-desc{ font-size:1.15rem; } }
#cg-what-learn .cg-path{ margin-top:34px; position:relative; }
#cg-what-learn .cg-stage{ position:relative; padding-left:56px; padding-bottom:30px; }
#cg-what-learn .cg-stage:last-child{ padding-bottom:0; }
#cg-what-learn .cg-stage:not(:last-child)::before{ content:''; position:absolute; left:21px; top:36px; bottom:0; width:2px; background:linear-gradient(180deg,var(--cg-indigo),var(--cg-cyan)); opacity:.28; }
#cg-what-learn .cg-node{ position:absolute; left:4px; top:0; width:36px; height:36px; border-radius:50%; background:#fff; border:2px solid var(--cg-indigo); color:var(--cg-indigo); font-family:'Manrope',sans-serif; font-weight:700; font-size:.85rem; display:flex; align-items:center; justify-content:center; }
#cg-what-learn .cg-stage-tag{ font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--cg-teal); margin-bottom:3px; }
#cg-what-learn .cg-stage-title{ font-family:'PT Serif',serif; font-weight:700; font-size:1.12rem; color:var(--cg-title); margin-bottom:6px; }
#cg-what-learn .cg-stage-text{ font-size:.95rem; line-height:1.36; color:var(--cg-text-soft); }

/* ============ COURSE DURATION (stat grid) ============ */
#cg-duration{ background:#f2ecfc; padding:44px 20px 48px; }
#cg-duration .cg-inner{ max-width:720px; margin:0 auto; }
#cg-duration .cg-head{ text-align:center; margin-bottom:20px; }
#cg-duration .cg-heading{ font-size:clamp(1.5rem,6.5vw,2.1rem); }
#cg-duration .cg-p{ font-size:1.05rem; line-height:1.5; max-width:560px; margin:0 auto 8px; color:var(--cg-text); text-align:left; }
@media (min-width:992px){ #cg-duration .cg-p{ font-size:1.15rem; } }
#cg-duration .cg-stat-grid{ margin-top:26px; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
#cg-duration .cg-stat-grid .cg-wide{ grid-column:1 / span 2; }
@media (max-width:560px){ #cg-duration .cg-stat-grid{ grid-template-columns:1fr; } #cg-duration .cg-stat-grid .cg-wide{ grid-column:1; } }
#cg-duration .cg-stat-card{ background:#fff; border:1px solid #e2e7fa; border-radius:16px; padding:12px 18px; display:flex; gap:14px; align-items:center; box-shadow:0 6px 18px rgba(30,41,90,.05); }
#cg-duration .cg-stat-icon-wrap{ width:40px; height:40px; border-radius:12px; background:#eef1ff; color:var(--cg-indigo); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
#cg-duration .cg-stat-icon-wrap .cg-icon-svg{ width:20px; height:20px; }
#cg-duration .cg-stat-num{ font-family:'PT Serif',serif; font-weight:700; font-size:1.05rem; color:var(--cg-indigo-deep); }
#cg-duration .cg-stat-label{ font-size:.7rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--cg-teal); margin-bottom:2px; }

/* ============ COURSE FEE ============ */
#cg-fees{ background:#fff; padding:44px 20px; }
#cg-fees .cg-heading{ font-size:clamp(1.4rem,5.5vw,1.8rem); text-align:center; margin-bottom:20px; }
#cg-fees .cg-price-card{ max-width:420px; margin:0 auto; text-align:center; background:linear-gradient(160deg,#eef1ff,#e6f7fb); border:1px solid #dbe2fb; border-radius:22px; padding:26px 26px 24px; }
#cg-fees .cg-price-heading{ margin:0 0 8px; }
#cg-fees .cg-price{ font-family:'PT Serif',serif; font-weight:700; font-size:clamp(1.9rem,7vw,2.3rem); color:var(--cg-indigo-deep); display:flex; align-items:baseline; justify-content:center; gap:10px; flex-wrap:wrap; }
#cg-fees .cg-price-per{ font-family:'Manrope',sans-serif; font-weight:700; font-size:.86rem; color:var(--cg-teal); }
#cg-fees .cg-price-text{ font-size:.95rem; line-height:1.36; color:var(--cg-text-soft); margin-top:10px; }
#cg-page .cg-sym{ font-family:Arial,Helvetica,sans-serif; margin-right:1px; }

/* ============ FAQ ============ */
#cg-faq{ background:#f7f9ff; padding:46px 20px 50px; }
#cg-faq .cg-inner{ max-width:720px; margin:0 auto; }
#cg-faq .cg-head{ text-align:center; margin-bottom:26px; }
#cg-faq .cg-heading{ font-size:clamp(1.5rem,6.5vw,2.1rem); }
#cg-faq .cg-faq-list{ margin-top:6px; }
#cg-faq .cg-faq-item{ background:#fff; border-left:4px solid var(--cg-gold); border-radius:12px; margin-bottom:12px; box-shadow:0 4px 14px rgba(30,41,90,.06); overflow:hidden; }
#cg-faq .cg-faq-question{ width:100%; text-align:left; background:none; border:none; padding:16px 18px 15px; display:flex; justify-content:space-between; align-items:center; gap:14px; font-family:'Manrope',sans-serif; font-weight:700; font-size:.92rem; color:var(--cg-title); cursor:pointer; }
#cg-faq .cg-faq-arrow{ flex-shrink:0; color:var(--cg-gold); font-size:.75rem; transition:transform .25s ease; }
#cg-faq .cg-faq-item.open .cg-faq-arrow{ transform:rotate(180deg); }
#cg-faq .cg-faq-answer-wrap{ max-height:0; overflow:hidden; transition:max-height .35s ease; }
#cg-faq .cg-faq-item.open .cg-faq-answer-wrap{ max-height:400px; }
#cg-faq .cg-faq-answer{ padding:0 18px 16px 22px; font-size:.87rem; line-height:1.62; color:var(--cg-text-soft2); }
#cg-faq .cg-faq-answer a{ color:var(--cg-indigo-deep); font-weight:700; text-decoration:underline; }

/* ============ PREFER DIRECT CLASSES ============ */
#cg-direct{ background:#f2ecfc; padding:46px 20px 50px; }
#cg-direct .cg-inner{ max-width:700px; margin:0 auto; }
#cg-direct .cg-head{ text-align:center; margin-bottom:22px; }
#cg-direct .cg-heading{ font-size:clamp(1.4rem,6vw,1.9rem); }
#cg-direct .cg-p{ font-size:1.05rem; line-height:1.5; color:var(--cg-text); margin-bottom:14px; }
@media (min-width:992px){ #cg-direct .cg-p{ font-size:1.15rem; } }
#cg-direct .cg-p:last-of-type{ margin-bottom:0; }
#cg-direct .cg-box-btn{ margin:20px auto 0; display:flex; width:fit-content; align-items:center; gap:9px; padding:13px 26px; border-radius:999px; background:#25d366; color:#fff; font-weight:700; font-size:.92rem; text-decoration:none; box-shadow:0 10px 24px rgba(37,211,102,.22); }

/* ============ FINAL CTA ============ */
#cg-final-cta{ padding:32px 20px 46px; }
#cg-final-cta .cg-cta-card{ position:relative; overflow:hidden; max-width:640px; margin:0 auto; background:radial-gradient(ellipse at top, var(--cg-navy1) 0%, var(--cg-navy2) 70%); border-radius:24px; padding:44px 28px 40px; text-align:center; box-shadow:0 20px 46px rgba(22,34,77,.3); }
#cg-final-cta .cg-inner{ max-width:480px; margin:0 auto; position:relative; z-index:2; }
#cg-final-cta .cg-badge{ display:inline-flex; align-items:center; gap:7px; background:rgba(34,211,238,.12); border:1px solid rgba(34,211,238,.35); color:var(--cg-cyan-soft); padding:6px 16px; border-radius:999px; font-weight:700; font-size:.74rem; letter-spacing:.03em; margin-bottom:18px; }
#cg-final-cta .cg-heading{ font-size:clamp(1.4rem,5.6vw,2rem); line-height:1.3; color:#f4f7ff; margin-bottom:14px; }
#cg-final-cta .cg-desc{ font-size:clamp(.9rem,2.2vw,1rem); line-height:1.65; color:rgba(255,255,255,.85); margin-bottom:26px; max-width:480px; margin-left:auto; margin-right:auto; }
#cg-final-cta .cg-btn{ display:inline-flex; align-items:center; gap:9px; padding:15px 32px; border-radius:999px; background:#25d366; color:#fff; font-family:'Manrope',sans-serif; font-weight:700; font-size:.98rem; text-decoration:none; box-shadow:0 10px 24px rgba(37,211,102,.28); }