/* =================================================================
   ASTRO ARUN — KP ASTROLOGY ONE-ON-ONE ZOOM CLASSES PAGE
   (kp-astrology-classes-online.html)
   Dedicated stylesheet for the redesigned Zoom classes page content.
   All selectors are scoped under #czp-page and use the cz- prefix
   so nothing here can collide with rules elsewhere in ownstyle.css.
   Link this AFTER ownstyle.css and nav-premium.css.
   ================================================================= */

#czp-page {
  --czp-navy1:#16224d; --czp-navy2:#0c1230;
  --czp-cyan:#22d3ee; --czp-cyan-soft:#67e8f9; --czp-blue:#3b82f6; --czp-blue-soft:#93c5fd;
  --czp-indigo:#4338ca; --czp-indigo-deep:#3730a3;
  --czp-teal:#0891b2; --czp-teal-deep:#0e7490;
  --czp-heading:#161c3f; --czp-title:#191f45;
  --czp-text:#454b6e; --czp-text-soft:#565c80; --czp-text-soft2:#4a5178;
  background:#fff;
  color:var(--czp-text);
  font-family:'Manrope',sans-serif;
  font-size:16px;
  line-height:1.6;
}
#czp-page *{ box-sizing:border-box; }
#czp-page h1, #czp-page h2, #czp-page p, #czp-page ul{ margin:0; padding:0; }
#czp-page .czp-icon-svg{ width:100%; height:100%; display:block; }

/* Shared pill / eyebrow badge (indigo, default) */
#czp-page .czp-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(--czp-indigo); }
#czp-page .czp-dot{ width:5px; height:5px; border-radius:50%; background:var(--czp-cyan); }

/* Shared section heading */
#czp-page .czp-heading{ font-family:'PT Serif',serif; font-weight:700; line-height:1.28; color:var(--czp-heading); margin-bottom:12px; }
#czp-page .czp-line{ display:block; }

/* ============ HERO ============ */
#czp-hero{ position:relative; background:radial-gradient(ellipse at top, var(--czp-navy1) 0%, var(--czp-navy2) 70%); padding:24px 20px 42px; overflow:hidden; }
#czp-hero .czp-hero-inner{ max-width:720px; margin:0 auto; text-align:center; position:relative; z-index:2; }
#czp-hero .czp-h1{ font-family:'Marcellus',serif; font-size:clamp(1.05rem,4.8vw,1.65rem); letter-spacing:.03em; text-transform:uppercase; color:#eef2ff; line-height:1.26; margin:0 0 12px; }
#czp-hero .czp-highlight-heading{ font-family:'PT Serif',serif; font-weight:700; font-size:clamp(.92rem,5.1vw,2rem); line-height:1.32; letter-spacing:-.005em; color:#f4f7ff; }
#czp-hero .czp-highlight-box{ display:inline-block; background:rgba(34,211,238,.12); border:1px solid rgba(34,211,238,.35); border-radius:16px; padding:clamp(14px,3.6vw,26px) clamp(16px,4vw,30px); margin:0 0 18px; }
#czp-hero .czp-strip{ font-weight:600; font-size:clamp(.76rem,3.3vw,1rem); color:var(--czp-blue-soft); margin-bottom:8px; white-space:nowrap; }
#czp-hero .czp-diamond{ color:var(--czp-cyan); display:inline-block; padding:0 8px; }
#czp-hero .czp-hero-desc{ font-size:clamp(.88rem,2.2vw,1rem); line-height:1.65; max-width:560px; margin:0 auto; color:rgba(255,255,255,.92); }

/* Shared ambient glow accents (Hero + Final CTA share the same dark panel identity) */
#czp-page .czp-glow{ position:absolute; border-radius:50%; filter:blur(60px); opacity:.35; z-index:1; pointer-events:none; }
#czp-page .czp-glow-1{ width:260px; height:260px; background:var(--czp-cyan); top:-100px; left:-60px; }
#czp-page .czp-glow-2{ width:240px; height:240px; background:var(--czp-blue); bottom:-110px; right:-60px; }

/* ============ WHY CHOOSE ONE-ON-ONE LEARNING ============ */
#czp-why-choose{ padding:46px 20px 26px; background:#fff; }
#czp-why-choose .czp-inner{ max-width:780px; margin:0 auto; }
#czp-why-choose .czp-head{ text-align:center; margin-bottom:32px; }
#czp-why-choose .czp-heading{ font-size:clamp(1.5rem,6.5vw,2.3rem); }
#czp-why-choose .czp-intro{ font-size:clamp(.92rem,2.4vw,1.02rem); line-height:1.7; max-width:520px; margin:0 auto; color:var(--czp-text); }
#czp-why-choose .czp-ob-list{ margin-top:30px; }
#czp-why-choose .czp-ob-row{ display:flex; align-items:flex-start; gap:13px; padding:17px 18px; border-radius:14px; margin-bottom:10px; text-align:left; }
#czp-why-choose .czp-ob-row:last-child{ margin-bottom:0; }
#czp-why-choose .czp-ob-row:nth-child(odd){ background:#f6f8ff; }
#czp-why-choose .czp-ob-row:nth-child(even){ background:#f2fbfd; }
#czp-why-choose .czp-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(--czp-teal); flex-shrink:0; }
#czp-why-choose .czp-ob-icon-wrap .czp-icon-svg{ width:16px; height:16px; }
#czp-why-choose .czp-ob-row:nth-child(odd) .czp-ob-icon-wrap{ color:var(--czp-indigo); }
#czp-why-choose .czp-ob-title{ font-family:'Manrope',sans-serif; font-weight:700; font-size:1rem; color:var(--czp-title); margin-bottom:4px; }
#czp-why-choose .czp-ob-text{ font-size:.89rem; line-height:1.56; color:var(--czp-text-soft); }

/* ============ BEFORE YOU START ============ */
#czp-before-start{ background:linear-gradient(180deg,#f7f9ff 0%,#fff 100%); padding:23px 20px 52px; }
#czp-before-start .czp-inner{ max-width:760px; margin:0 auto; }
#czp-before-start .czp-head{ text-align:center; margin-bottom:26px; }
#czp-before-start .czp-pill{ background:rgba(8,145,178,.08); border:1px solid rgba(8,145,178,.18); color:var(--czp-teal-deep); }
#czp-before-start .czp-pill .czp-dot{ background:var(--czp-indigo); }
#czp-before-start .czp-heading{ font-size:clamp(1.4rem,6vw,2.1rem); margin-bottom:20px; }
#czp-before-start .czp-sub{ font-family:'PT Serif',serif; font-weight:700; font-size:clamp(1.35rem,5vw,1.85rem); line-height:1.32; color:var(--czp-indigo-deep); text-align:center; }
#czp-before-start .czp-note{ font-size:clamp(.86rem,2vw,.94rem); line-height:1.6; text-align:center; max-width:520px; margin:10px auto 0; color:var(--czp-text-soft); }
#czp-before-start .czp-basics-card{ margin-top:22px; background:#fff; border:1px solid #e2e7fa; border-radius:16px; padding:4px 18px; box-shadow:0 6px 20px rgba(30,41,90,.05); }
#czp-before-start .czp-basics-row{ display:flex; align-items:center; gap:13px; padding:13px 0; border-bottom:1px solid #eef1fa; }
#czp-before-start .czp-basics-row:last-child{ border-bottom:none; }
#czp-before-start .czp-basics-icon-wrap{ width:32px; height:32px; border-radius:9px; background:#eef1ff; color:var(--czp-indigo); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
#czp-before-start .czp-basics-icon-wrap .czp-icon-svg{ width:16px; height:16px; }
#czp-before-start .czp-basics-title{ font-family:'Manrope',sans-serif; font-weight:700; font-size:.94rem; color:var(--czp-title); }
#czp-before-start .czp-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); }
#czp-before-start .czp-begin-head{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
#czp-before-start .czp-begin-icon{ width:30px; height:30px; border-radius:9px; background:#e2e8ff; color:var(--czp-indigo); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
#czp-before-start .czp-begin-icon .czp-icon-svg{ width:16px; height:16px; }
#czp-before-start .czp-begin-title{ font-family:'Manrope',sans-serif; font-weight:700; font-size:1rem; color:var(--czp-title); }
#czp-before-start .czp-begin-text{ font-size:.88rem; line-height:1.62; color:var(--czp-text-soft2); margin-bottom:14px; }
#czp-before-start .czp-begin-text:last-of-type{ margin-bottom:0; }
#czp-before-start .czp-flow{ display:flex; align-items:center; flex-wrap:wrap; gap:6px; font-size:.76rem; font-weight:700; letter-spacing:.02em; margin-top:14px; }
#czp-before-start .czp-flow-step{ padding:6px 11px; border-radius:999px; background:#fff; color:var(--czp-indigo-deep); border:1px solid #dfe4fb; }
#czp-before-start .czp-flow-arrow{ color:#94a3d9; font-size:.8rem; }

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

/* ============ HOW LONG DOES IT TAKE ============ */
#czp-how-long{ background:#f2ecfc; padding:22px 20px 24px; }
#czp-how-long .czp-inner{ max-width:620px; margin:0 auto; text-align:center; }
#czp-how-long .czp-head{ text-align:center; margin-bottom:16px; }
#czp-how-long .czp-heading{ font-size:clamp(1.5rem,6.5vw,2.1rem); }
#czp-how-long .czp-p{ font-size:clamp(.88rem,2.1vw,.96rem); line-height:1.66; max-width:540px; margin:0 auto 8px; color:var(--czp-text); }
#czp-how-long .czp-final{ font-size:clamp(.84rem,2vw,.9rem); line-height:1.6; max-width:500px; margin:16px auto 0; color:#6b7292; text-align:center; font-style:italic; }
#czp-how-long .czp-duration-badge{ margin:16px auto 0; display:inline-flex; flex-direction:column; align-items:center; gap:2px; background:linear-gradient(135deg,#eef1ff,#e6f7fb); border:1px solid #dbe2fb; border-radius:18px; padding:18px 34px; }
#czp-how-long .czp-duration-label{ font-size:.72rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--czp-teal); }
#czp-how-long .czp-duration-value{ font-family:'PT Serif',serif; font-weight:700; font-size:clamp(1.7rem,7vw,2.3rem); color:var(--czp-indigo-deep); }

/* ============ CLASS FORMAT ============ */
#czp-format{ background:#fff; padding:22px 20px 48px; }
#czp-format .czp-inner{ max-width:700px; margin:0 auto; }
#czp-format .czp-head{ text-align:center; margin-bottom:26px; }
#czp-format .czp-heading{ font-size:clamp(1.5rem,6.5vw,2.1rem); }
#czp-format .czp-desc{ font-size:clamp(.9rem,2.2vw,1rem); line-height:1.68; max-width:560px; margin:0 auto; color:var(--czp-text); }
#czp-format .czp-grid{ margin-top:30px; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
#czp-format .czp-grid .czp-wide{ grid-column:1 / span 2; }
@media (max-width:560px){ #czp-format .czp-grid{ grid-template-columns:1fr; } #czp-format .czp-grid .czp-wide{ grid-column:1; } }
#czp-format .czp-card{ background:#fff; border:1px solid #e2e7fa; border-radius:16px; padding:18px; display:flex; gap:14px; align-items:center; box-shadow:0 6px 18px rgba(30,41,90,.05); }
#czp-format .czp-card-icon-wrap{ width:40px; height:40px; border-radius:12px; background:#eef1ff; color:var(--czp-indigo); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
#czp-format .czp-card-icon-wrap .czp-icon-svg{ width:20px; height:20px; }
#czp-format .czp-card-num{ font-family:'PT Serif',serif; font-weight:700; font-size:1.15rem; color:var(--czp-indigo-deep); }
#czp-format .czp-card-label{ font-size:.7rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--czp-teal); margin-bottom:2px; }
#czp-format .czp-wide{ flex-direction:column; align-items:stretch; gap:10px; }
#czp-format .czp-wide-head{ display:flex; gap:14px; align-items:center; }
#czp-format .czp-card-text{ font-size:.82rem; line-height:1.55; color:var(--czp-text-soft); }

/* ============ CLASS FEES ============ */
#czp-fees{ background:#fff; padding:14px 20px; }
#czp-fees .czp-heading{ font-size:clamp(1.4rem,5.5vw,1.8rem); text-align:center; margin-bottom:20px; }
#czp-fees .czp-price-card{ max-width:400px; margin:0 auto; text-align:center; background:linear-gradient(160deg,#eef1ff,#e6f7fb); border:1px solid #dbe2fb; border-radius:22px; padding:24px 26px 22px; }
#czp-fees .czp-price-heading{ margin:0 0 8px; }
#czp-fees .czp-price{ font-family:'PT Serif',serif; font-weight:700; font-size:clamp(1.9rem,7vw,2.3rem); color:var(--czp-indigo-deep); }
#czp-fees .czp-price-sub{ font-size:.86rem; font-weight:700; color:var(--czp-teal); margin:4px 0 10px; }
#czp-fees .czp-price-text{ font-size:.82rem; line-height:1.56; color:var(--czp-text-soft); }
#czp-page .czp-sym{ font-family:Arial,Helvetica,sans-serif; margin-right:1px; }

/* ============ CHOOSE YOUR LEARNING PATH ============ */
#czp-path{ background:#f2ecfc; padding:44px 20px 48px; }
#czp-path .czp-inner{ max-width:780px; margin:0 auto; }
#czp-path .czp-head{ text-align:center; margin-bottom:26px; }
#czp-path .czp-heading{ font-size:clamp(1.5rem,6.5vw,2.1rem); }
#czp-path .czp-desc{ font-size:clamp(.9rem,2.2vw,1rem); line-height:1.68; max-width:540px; margin:0 auto; color:var(--czp-text); }
#czp-path .czp-grid{ margin-top:30px; display:grid; grid-template-columns:repeat(3,1fr); gap:22px; align-items:stretch; }
@media (max-width:760px){ #czp-path .czp-grid{ grid-template-columns:1fr; } }
#czp-path .czp-plan-card{ position:relative; background:#fbfcff; border:1px solid #e2e7fa; border-radius:16px; padding:22px 18px 20px; display:flex; flex-direction:column; overflow:visible; }
#czp-path .czp-plan-tag{ position:absolute; top:-11px; right:14px; display:inline-block; padding:5px 13px; border-radius:999px; font-size:.66rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; white-space:nowrap; box-shadow:0 4px 10px rgba(30,41,90,.18); }
#czp-path .czp-plan-tag.czp-premium{ background:#b8862e; color:#fff; }
#czp-path .czp-plan-tag.czp-economical{ background:#0d9488; color:#fff; }
#czp-path .czp-plan-tag.czp-hybrid-tag{ background:linear-gradient(135deg,var(--czp-indigo),var(--czp-teal)); color:#fff; }
#czp-path .czp-plan-title{ font-family:'PT Serif',serif; font-weight:700; font-size:1.06rem; color:var(--czp-title); margin:2px 0 3px; }
#czp-path .czp-plan-label{ font-size:.72rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--czp-teal); margin-bottom:10px; }
#czp-path .czp-plan-text{ font-size:.83rem; line-height:1.56; color:var(--czp-text-soft); flex:1; margin-bottom:12px; }
#czp-path .czp-plan-price{ font-family:'PT Serif',serif; font-weight:700; font-size:1rem; color:var(--czp-indigo-deep); }
#czp-path .czp-plan-card.czp-hybrid{ background:linear-gradient(160deg,#eef1ff,#e6f7fb); border:1.5px solid #7c86e8; box-shadow:0 10px 28px rgba(67,56,202,.12); }
#czp-path .czp-plan-card.czp-hybrid .czp-plan-label{ display:none; }

/* ============ WHY LEARN KP ASTROLOGY WITH ARUN SUBRAMANIAN ============ */
#czp-why-learn{ background:linear-gradient(180deg,#f7f9ff 0%,#fff 100%); padding:44px 20px 48px; }
#czp-why-learn .czp-inner{ max-width:620px; margin:0 auto; }
#czp-why-learn .czp-head{ text-align:center; margin-bottom:26px; }
#czp-why-learn .czp-heading{ font-size:clamp(1.5rem,6.5vw,2.1rem); }
#czp-why-learn .czp-tick{ width:20px; height:20px; border-radius:50%; background:#eef1ff; color:var(--czp-indigo); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:.7rem; font-weight:700; }
#czp-why-learn .czp-badges{ margin-top:28px; display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
#czp-why-learn .czp-badge{ text-align:center; background:#fff; border:1px solid #e2e7fa; border-radius:14px; padding:14px 22px; box-shadow:0 6px 16px rgba(30,41,90,.05); }
#czp-why-learn .czp-badge-num{ font-family:'PT Serif',serif; font-weight:700; font-size:1.3rem; color:var(--czp-indigo-deep); }
#czp-why-learn .czp-badge-label{ font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:var(--czp-teal); margin-top:2px; }
#czp-why-learn .czp-list{ margin-top:22px; }
#czp-why-learn .czp-item{ display:flex; gap:12px; align-items:flex-start; padding:10px 0; }
#czp-why-learn .czp-item-text{ font-size:.88rem; line-height:1.54; color:#363c5e; padding-top:1px; }

/* ============ FINAL CTA — enrollment (before footer) ============ */
#czp-final-cta{ padding:32px 20px 46px; }
#czp-final-cta .czp-cta-card{ position:relative; overflow:hidden; max-width:640px; margin:0 auto; background:radial-gradient(ellipse at top, var(--czp-navy1) 0%, var(--czp-navy2) 70%); border-radius:24px; padding:44px 28px 40px; text-align:center; box-shadow:0 20px 46px rgba(22,34,77,.3); }
#czp-final-cta .czp-inner{ max-width:480px; margin:0 auto; position:relative; z-index:2; }
#czp-final-cta .czp-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(--czp-cyan-soft); padding:6px 16px; border-radius:999px; font-weight:700; font-size:.74rem; letter-spacing:.03em; margin-bottom:18px; }
#czp-final-cta .czp-heading{ font-size:clamp(1.4rem,5.6vw,2rem); line-height:1.3; color:#f4f7ff; margin-bottom:14px; }
#czp-final-cta .czp-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; }
#czp-final-cta .czp-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); transition:background .2s ease, transform .2s ease; }
#czp-final-cta .czp-btn:hover{ background:#1ebd5a; transform:translateY(-2px); }