/* ===================== GLOBAL RESET & VARIABLES ===================== */
:root {
  --bg-dark: #050510;
  --bg-card: #0a0a1a;
  --bg-card-hover: #0f0f25;
  --neon-green: #00ff88;
  --neon-cyan: #00e5ff;
  --neon-purple: #a855f7;
  --neon-pink: #ff0080;
  --neon-blue: #3b82f6;
  --text-primary: #e0e0f0;
  --text-secondary: #8888aa;
  --text-dim: #555577;
  --border-color: #1a1a2e;
  --glow-green: 0 0 20px rgba(0,255,136,0.3);
  --glow-cyan: 0 0 20px rgba(0,229,255,0.3);
  --font-display: 'Orbitron', sans-serif;
  --font-body: 'Inter', -apple-system, sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background: var(--bg-dark);
  color: var(--text-primary);
  font-family: var(--font-body);
  line-height: 1.6;
  overflow-x: hidden;
}
a{color:var(--neon-cyan);text-decoration:none;transition:color .2s}
a:hover{color:var(--neon-green)}
img{max-width:100%;display:block}

/* ===================== HEADER ===================== */
.site-header{
  position:fixed;top:0;left:0;width:100%;z-index:1000;
  background:rgba(5,5,16,.92);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border-color);
}
.header-inner{
  max-width:1280px;margin:0 auto;padding:0 24px;
  display:flex;align-items:center;justify-content:space-between;height:64px;
}
.logo{display:flex;align-items:center;gap:8px;font-family:var(--font-display);text-decoration:none}
.logo-arp{font-size:1.5rem;font-weight:900;letter-spacing:2px}
.logo-arp .r{color:#ff3333}.logo-arp .g{color:#33ff33}.logo-arp .b{color:#3333ff}
.logo-tech{color:var(--neon-cyan);font-size:.85rem;font-weight:500;letter-spacing:3px;text-transform:uppercase}
.main-nav{display:flex;gap:28px;align-items:center}
.main-nav a{color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .2s}
.main-nav a:hover,.main-nav a.active{color:var(--neon-cyan)}
.nav-enroll{
  background:var(--neon-green)!important;color:#050510!important;
  padding:8px 20px;border-radius:6px;font-weight:700!important;font-size:.85rem!important;
}
.nav-enroll:hover{background:#00cc6e!important;color:#050510!important}
.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer}

/* Satellite */
.satellite-orbit{
  position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999;
}
.satellite{
  position:absolute;font-size:1.2rem;
  animation:orbitSat 20s linear infinite;
}
@keyframes orbitSat{
  0%{top:32px;left:-30px;opacity:0}
  5%{opacity:1}
  25%{top:10px;left:50%}
  50%{top:40px;left:calc(100% + 30px);opacity:0}
  51%{top:60px;left:calc(100% + 30px);opacity:0}
  75%{top:50px;left:50%;opacity:1}
  95%{opacity:1}
  100%{top:32px;left:-30px;opacity:0}
}

/* ===================== HERO ===================== */
.hero{
  position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;
  padding:120px 24px 80px;overflow:hidden;
}
.hero-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.35}
.globe-container{position:relative;width:420px;height:420px}
.globe{position:relative;width:100%;height:100%}
.globe-core{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:120px;height:120px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,229,255,.2),transparent);
  border:2px solid rgba(0,229,255,.3);
  box-shadow:0 0 60px rgba(0,229,255,.15);
}
.globe-ring{
  position:absolute;top:50%;left:50%;
  border:1.5px solid rgba(0,229,255,.2);border-radius:50%;
  transform-style:preserve-3d;
}
.ring1{width:280px;height:280px;margin:-140px 0 0 -140px;animation:spinRing 12s linear infinite;transform:rotateX(60deg) rotateY(0deg)}
.ring2{width:340px;height:340px;margin:-170px 0 0 -170px;animation:spinRing 18s linear infinite reverse;transform:rotateX(45deg) rotateZ(45deg)}
.ring3{width:400px;height:400px;margin:-200px 0 0 -200px;animation:spinRing 25s linear infinite;transform:rotateX(75deg) rotateZ(-30deg)}
@keyframes spinRing{0%{transform:rotateX(60deg) rotateY(0deg)}100%{transform:rotateX(60deg) rotateY(360deg)}}

.sat-dot{
  position:absolute;width:6px;height:6px;border-radius:50%;background:var(--neon-cyan);
  box-shadow:0 0 10px var(--neon-cyan);
}
.dot1{animation:orbitDot1 8s linear infinite}
.dot2{animation:orbitDot2 12s linear infinite}
.dot3{animation:orbitDot3 15s linear infinite}
@keyframes orbitDot1{
  0%{top:50%;left:10%}25%{top:10%;left:50%}50%{top:50%;left:90%}75%{top:90%;left:50%}100%{top:50%;left:10%}
}
@keyframes orbitDot2{
  0%{top:20%;left:20%}25%{top:20%;left:80%}50%{top:80%;left:80%}75%{top:80%;left:20%}100%{top:20%;left:20%}
}
@keyframes orbitDot3{
  0%{top:50%;left:50%}25%{top:5%;left:30%}50%{top:50%;left:5%}75%{top:95%;left:70%}100%{top:50%;left:50%}
}

.hero-content{position:relative;z-index:2;text-align:center;max-width:800px}
.hero-title{
  font-family:var(--font-display);font-size:2.6rem;font-weight:800;
  line-height:1.25;margin-bottom:16px;
  background:linear-gradient(135deg,#fff,var(--neon-cyan));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.neon-green{-webkit-text-fill-color:var(--neon-green);color:var(--neon-green)}
.neon-cyan{color:var(--neon-cyan)}
.hero-sub{font-size:1.15rem;color:var(--text-secondary);margin-bottom:32px;letter-spacing:1px}
.hero-stats{
  display:flex;gap:32px;justify-content:center;flex-wrap:wrap;margin-bottom:40px;
}
.stat{display:flex;flex-direction:column;align-items:center}
.stat-num{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--neon-cyan)}
.stat-label{font-size:.8rem;color:var(--text-secondary);margin-top:4px}
.btn-enroll{
  display:inline-block;padding:16px 48px;
  background:var(--neon-green);color:#050510;font-weight:700;font-size:1.05rem;
  border-radius:8px;transition:all .3s;
  box-shadow:var(--glow-green);
}
.btn-enroll:hover{background:#00cc6e;color:#050510;transform:translateY(-2px);box-shadow:0 0 40px rgba(0,255,136,.4)}

/* ===================== SECTION SHARED ===================== */
.section-title{
  font-family:var(--font-display);font-size:2rem;font-weight:700;text-align:center;
  margin-bottom:8px;padding-top:80px;
}
.section-sub{text-align:center;color:var(--text-secondary);margin-bottom:48px;font-size:1rem}

/* ===================== COURSES ===================== */
.courses-section{max-width:1280px;margin:0 auto;padding:0 24px 80px}
.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px}
.course-card{
  background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;
  padding:32px;position:relative;transition:all .3s;overflow:hidden;
}
.course-card:hover{border-color:var(--neon-cyan);transform:translateY(-4px);box-shadow:var(--glow-cyan)}
.card-badge{
  position:absolute;top:20px;right:20px;padding:4px 12px;border-radius:4px;
  font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;
}
.bestseller{background:var(--neon-green);color:#050510}
.new-badge{background:var(--neon-cyan);color:#050510}
.premium{background:var(--neon-purple);color:#fff}
.card-icon{font-size:2.5rem;margin-bottom:16px}
.card-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:16px;line-height:1.4}
.card-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:.8rem;color:var(--text-secondary)}
.level{padding:2px 8px;border-radius:4px;font-weight:600;font-size:.7rem}
.beginner{background:rgba(0,255,136,.15);color:var(--neon-green)}
.intermediate{background:rgba(0,229,255,.15);color:var(--neon-cyan)}
.advanced{background:rgba(168,85,247,.15);color:var(--neon-purple)}
.card-rating{font-size:.85rem;margin-bottom:12px}
.card-rating span{color:var(--neon-green);font-weight:600}
.students{color:var(--text-secondary);font-weight:400}
.card-topics{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.card-topics span{
  background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.2);
  padding:3px 10px;border-radius:20px;font-size:.72rem;color:var(--neon-cyan);
}
.card-price{margin-bottom:16px}
.price{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--neon-green)}
.price-inr{color:var(--text-secondary);font-size:.9rem}
.btn-view{
  display:inline-block;padding:10px 24px;
  border:1px solid var(--neon-cyan);color:var(--neon-cyan);border-radius:6px;
  font-weight:600;font-size:.9rem;transition:all .3s;
}
.btn-view:hover{background:var(--neon-cyan);color:#050510}

/* ===================== INSTRUCTOR ===================== */
.instructor-section{max-width:1000px;margin:0 auto;padding:0 24px 80px}
.instructor-card{
  display:flex;gap:40px;align-items:center;
  background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:40px;
}
.instructor-photo{flex-shrink:0}
.photo-placeholder{
  width:160px;height:160px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-size:2.5rem;font-weight:900;
  background:linear-gradient(135deg,rgba(0,229,255,.15),rgba(168,85,247,.15));
  border:3px solid var(--neon-cyan);
  box-shadow:0 0 30px rgba(0,229,255,.2);
  color:var(--neon-cyan);
}
.instructor-info h3{font-family:var(--font-display);font-size:1.4rem;margin-bottom:4px}
.instructor-title{color:var(--neon-green);font-size:.9rem;margin-bottom:16px}
.instructor-bio{color:var(--text-secondary);font-size:.92rem;margin-bottom:24px;line-height:1.7}
.instructor-bio strong{color:var(--neon-cyan)}
.instructor-stats{display:flex;gap:24px;flex-wrap:wrap}
.i-stat{
  text-align:center;padding:12px 20px;
  background:rgba(0,229,255,.06);border:1px solid rgba(0,229,255,.15);border-radius:10px;
}
.i-stat span{display:block;font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--neon-cyan)}

/* ===================== TESTIMONIALS ===================== */
.testimonials-section{max-width:1280px;margin:0 auto;padding:0 24px 80px}
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.testimonial-card{
  background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:28px;
  transition:border-color .3s;
}
.testimonial-card:hover{border-color:var(--neon-cyan)}
.testi-stars{margin-bottom:12px;font-size:.9rem}
.testi-text{color:var(--text-secondary);font-size:.92rem;margin-bottom:20px;line-height:1.7;font-style:italic}
.testi-author{display:flex;gap:12px;align-items:center}
.testi-avatar{
  width:44px;height:44px;border-radius:50%;
  background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:.85rem;color:#050510;flex-shrink:0;
}
.testi-author strong{color:var(--text-primary);font-size:.9rem}
.testi-author span{color:var(--text-secondary);font-size:.8rem}

/* ===================== PRICING ===================== */
.pricing-section{max-width:1280px;margin:0 auto;padding:0 24px 80px}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.pricing-card{
  background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;
  padding:32px;text-align:center;transition:all .3s;position:relative;
}
.pricing-card:hover{border-color:var(--neon-cyan);transform:translateY(-4px)}
.pricing-card h3{font-family:var(--font-display);font-size:1rem;margin-bottom:16px}
.pricing-amount{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--neon-green);margin-bottom:4px}
.pricing-amount span{font-size:.9rem;color:var(--text-secondary);font-family:var(--font-body)}
.pricing-was{color:var(--text-dim);text-decoration:line-through;font-size:.85rem;margin-bottom:16px}
.pricing-card ul{list-style:none;text-align:left;margin:20px 0;font-size:.88rem}
.pricing-card li{padding:6px 0;color:var(--text-secondary)}
.btn-price{
  display:inline-block;padding:12px 32px;
  border:1px solid var(--neon-green);color:var(--neon-green);border-radius:6px;
  font-weight:700;font-size:.9rem;transition:all .3s;
}
.btn-price:hover{background:var(--neon-green);color:#050510}
.bundle{border-color:var(--neon-green);box-shadow:0 0 30px rgba(0,255,136,.1)}
.bundle-badge{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:var(--neon-green);color:#050510;padding:4px 16px;border-radius:20px;
  font-size:.75rem;font-weight:700;
}
.btn-bundle{background:var(--neon-green);color:#050510}
.btn-bundle:hover{background:#00cc6e}

/* ===================== FOOTER ===================== */
.site-footer{
  background:rgba(5,5,16,.95);border-top:1px solid var(--border-color);
  padding:48px 24px 0;
}
.footer-inner{
  max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:1.6fr 1fr 1.15fr 1.5fr;gap:28px;
}
.footer-brand p{color:var(--text-secondary);margin-top:8px;font-size:.9rem}
.footer-links h4,.footer-contact h4{font-family:var(--font-display);font-size:.85rem;margin-bottom:12px;color:var(--neon-cyan)}
.footer-links a{display:block;color:var(--text-secondary);padding:3px 0;font-size:.88rem}
.footer-links a:hover{color:var(--neon-cyan)}
.footer-contact p{color:var(--text-secondary);font-size:.88rem;padding:2px 0}
.footer-bottom{
  max-width:1280px;margin:32px auto 0;padding:20px 0;
  border-top:1px solid var(--border-color);text-align:center;
  color:var(--text-dim);font-size:.8rem;
}

/* ===================== COURSE PAGE SHARED ===================== */
.course-page-hero{
  padding:100px 24px 40px;text-align:center;
  background:linear-gradient(180deg,rgba(0,229,255,.04),transparent);
}
.course-page-hero .card-badge{position:static;display:inline-block;margin-bottom:16px}
.course-page-hero h1{font-family:var(--font-display);font-size:2.2rem;font-weight:800;margin-bottom:12px}
.course-page-hero .hero-sub{margin-bottom:20px}
.course-meta-bar{
  display:flex;gap:24px;justify-content:center;flex-wrap:wrap;
  margin-bottom:24px;font-size:.9rem;color:var(--text-secondary);
}
.course-meta-bar span{display:flex;align-items:center;gap:6px}

/* Video Player Placeholder */
.video-player{
  max-width:800px;margin:0 auto 40px;aspect-ratio:16/9;
  background:var(--bg-card);border:2px solid var(--neon-cyan);border-radius:12px;
  display:flex;align-items:center;justify-content:center;position:relative;
  box-shadow:0 0 40px rgba(0,229,255,.1);
}
.play-btn{
  width:72px;height:72px;border-radius:50%;
  background:rgba(0,229,255,.2);border:2px solid var(--neon-cyan);
  display:flex;align-items:center;justify-content:center;
  font-size:1.8rem;cursor:pointer;transition:all .3s;
}
.play-btn:hover{background:rgba(0,229,255,.4);transform:scale(1.1)}
.video-label{
  position:absolute;bottom:16px;left:50%;transform:translateX(-50%);
  color:var(--text-dim);font-size:.8rem;font-family:var(--font-display);
}

/* Curriculum */
.curriculum-section{max-width:900px;margin:0 auto;padding:0 24px 80px}
.module-block{
  background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;
  margin-bottom:16px;overflow:hidden;transition:border-color .3s;
}
.module-block:hover{border-color:rgba(0,229,255,.3)}
.module-header{
  padding:20px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;
  transition:background .2s;
}
.module-header:hover{background:rgba(0,229,255,.03)}
.module-header h3{font-family:var(--font-display);font-size:.92rem;font-weight:600}
.module-header .module-meta{color:var(--text-secondary);font-size:.8rem}
.module-header .chevron{color:var(--neon-cyan);font-size:1.2rem;transition:transform .3s}
.module-block.open .chevron{transform:rotate(180deg)}
.module-lessons{display:none;padding:0 24px 16px}
.module-block.open .module-lessons{display:block}
.lesson-item{
  display:flex;align-items:center;gap:12px;
  padding:10px 0;border-bottom:1px solid rgba(255,255,255,.03);
  font-size:.88rem;color:var(--text-secondary);
}
.lesson-item:last-child{border-bottom:none}
.lesson-icon{font-size:.9rem;flex-shrink:0}
.lesson-free{color:var(--neon-green);font-size:.7rem;font-weight:600;margin-left:auto}

/* Progress bar */
.progress-bar{
  height:4px;background:rgba(0,229,255,.1);border-radius:4px;margin:8px 24px 0;
}
.progress-fill{
  height:100%;background:var(--neon-green);border-radius:4px;transition:width .5s;
}

/* Enroll CTA in course page */
.course-enroll-bar{
  max-width:900px;margin:0 auto 60px;padding:0 24px;text-align:center;
}
.course-enroll-bar .btn-enroll{font-size:1.1rem;padding:18px 56px}
.course-price-display{
  font-family:var(--font-display);font-size:2rem;color:var(--neon-green);
  margin-bottom:16px;
}
.course-price-display span{font-size:1rem;color:var(--text-secondary);font-family:var(--font-body)}

/* ===================== RESPONSIVE ===================== */
@media(max-width:768px){
  .main-nav{display:none;position:absolute;top:64px;left:0;width:100%;background:rgba(5,5,16,.98);
    flex-direction:column;padding:24px;gap:16px;border-bottom:1px solid var(--border-color)}
  .main-nav.open{display:flex}
  .mobile-menu-btn{display:block}
  .hero-title{font-size:1.6rem}
  .hero-stats{gap:16px}
  .stat-num{font-size:1.2rem}
  .courses-grid{grid-template-columns:1fr}
  .instructor-card{flex-direction:column;text-align:center}
  .instructor-stats{justify-content:center}
  .footer-inner{grid-template-columns:1fr}
  .pricing-grid{grid-template-columns:1fr}
  .section-title{font-size:1.5rem}
  .globe-container{width:250px;height:250px}
  .course-page-hero h1{font-size:1.5rem}
}
@media(max-width:480px){
  .hero-title{font-size:1.3rem}
  .hero{padding:100px 16px 60px}
  .header-inner{padding:0 16px}
}

/* Legal and contact pages */
.policy-page{max-width:900px;margin:0 auto;padding:116px 24px 80px;min-height:70vh}
.policy-page h1{font:700 clamp(1.5rem,4vw,2.3rem) var(--font-display);color:var(--neon-cyan);margin-bottom:14px}
.policy-page .policy-intro{color:var(--text-secondary);margin-bottom:32px}
.policy-page section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:24px 28px;margin:16px 0}
.policy-page h2{font:600 1rem var(--font-display);color:var(--neon-green);margin-bottom:12px}
.policy-page p,.policy-page li{color:var(--text-secondary);margin-bottom:10px}
.policy-page ul{padding-left:22px}
.policy-page a,.footer-contact a{color:var(--neon-cyan)}
.policy-page strong{color:var(--text-primary)}
@media(max-width:1100px){.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.footer-inner{grid-template-columns:1fr}}
@media(max-width:380px){.policy-page section{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.course-overview{max-width:800px;margin:0 auto 40px;padding:24px 28px;background:var(--bg-card);border:1px solid rgba(0,229,255,.3);border-radius:12px;display:flex;gap:20px;align-items:center;color:var(--text-secondary)}
.course-overview span{font-size:2rem}
@media(max-width:480px){.course-overview{margin:0 16px 40px;align-items:flex-start}}