/* ============================================================
   INTERNSHIP PAGE - FULL CSS
   ============================================================ */

/* ── Hero ── */
.int-hero {
  background: linear-gradient(rgba(10,5,30,.85),rgba(20,10,50,.9)),
              url('https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&q=80&w=2000') center/cover no-repeat;
  color:#fff; padding:80px 0 60px; position:relative;
}
.int-hero .container {
  display:flex; flex-wrap:wrap; align-items:flex-start; gap:40px;
  max-width:1200px; margin:0 auto; padding:0 20px;
}
.int-hero-content { flex:1 1 60%; }
.int-hero h1 { font-size:2.6rem; font-weight:900; margin-bottom:14px; line-height:1.2; }
.int-hero h1 span { color:#a78bfa; }
.typing-container { color: #a78bfa; border-right: 3px solid #f59e0b; padding-right: 5px; animation: blink 0.75s step-end infinite; }
@keyframes blink { from, to { border-color: transparent } 50% { border-color: #f59e0b; } }
.int-hero .ratings-row { font-size:.93rem; color:#cbd5e1; margin-bottom:16px; }
.int-hero .ratings-row .stars { color:#f59e0b; }
.int-hero .status-row { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:18px; align-items:center; }
.badge-red { background:#ef4444; color:#fff; padding:5px 14px; font-size:.88rem; font-weight:900; text-transform:uppercase; font-style:italic; border-radius:4px; box-shadow:0 4px 10px rgba(239,68,68,.3); animation: alert-blink 1.2s infinite alternate; }
@keyframes alert-blink { 0% { opacity: 1; box-shadow: 0 0 5px rgba(239,68,68,0.5); } 100% { opacity: 0.8; box-shadow: 0 0 20px rgba(239,68,68,1); } }
.badge-live { color:#f87171; font-weight:800; font-style:italic; font-size:.88rem; text-transform:uppercase; }
.int-hero .hero-desc { font-size:1rem; line-height:1.65; color:#e2e8f0; margin-bottom:26px; max-width:680px; }
.hero-actions { display:flex; gap:14px; flex-wrap:wrap; align-items:center; margin-bottom:28px; }
.btn-enrol { padding:12px 26px; background:#f59e0b; color:#fff; font-weight:900; font-size:1rem; text-transform:uppercase; font-style:italic; border-radius:6px; text-decoration:none; transition:filter .2s,transform .2s; }
.btn-enrol:hover { filter:brightness(1.1); transform:translateY(-2px); }
.btn-syllabus { padding:12px 26px; background:#0ea5e9; color:#fff; font-weight:900; font-size:1rem; text-transform:uppercase; font-style:italic; border-radius:6px; text-decoration:none; transition:filter .2s,transform .2s; }
.btn-syllabus:hover { filter:brightness(1.1); transform:translateY(-2px); }
.hero-wa { display:flex; align-items:center; gap:10px; text-decoration:none; color:#fff; }
.hero-wa i { font-size:2.8rem; color:#25d366; }
.wa-num { font-size:1.5rem; font-weight:900; display:block; line-height:1.1; }
.wa-sub { font-size:.78rem; font-style:italic; color:#cbd5e1; }
.hero-tags { display:flex; flex-wrap:wrap; gap:10px; }
.hero-tags span { border:1.5px solid rgba(255,255,255,.3); padding:6px 14px; border-radius:4px; font-size:.83rem; font-weight:700; background:rgba(0,0,0,.35); display:flex; align-items:center; gap:8px; }

/* Enquiry Form Box */
.int-enquiry { flex:0 0 330px; background:#fff; border-radius:10px; padding:26px 22px; color:#333; box-shadow:0 14px 40px rgba(0,0,0,.35); }
.int-enquiry h3 { font-size:1.3rem; font-weight:900; text-align:center; margin-bottom:4px; color:#0f172a; }
.int-enquiry .eq-sub { text-align:center; font-size:.78rem; color:#64748b; margin-bottom:16px; }
.int-enquiry input { width:100%; padding:10px 13px; margin-bottom:12px; border:1px solid #cbd5e1; border-radius:5px; font-family:inherit; font-size:.92rem; box-sizing:border-box; outline:none; transition:border-color .2s; }
.int-enquiry input:focus { border-color:#7c3aed; }
.int-enquiry .eq-terms { font-size:.72rem; color:#64748b; text-align:center; margin-bottom:12px; line-height:1.5; }
.int-enquiry .eq-terms a { color:#7c3aed; }
.btn-enquire { width:100%; padding:13px; background:linear-gradient(135deg,#FF7A00,#E84393); color:#fff; border:none; border-radius:6px; font-size:1rem; font-weight:900; cursor:pointer; transition:opacity .2s,transform .2s; }
.btn-enquire:hover { opacity:.9; transform:translateY(-1px); }
@media(max-width:991px){ .int-hero .container{flex-direction:column;} .int-enquiry{flex:1 1 100%;width:100%;max-width:440px;margin:0 auto;} }
@media(max-width:600px){ .int-hero h1{font-size:2rem;} .btn-enrol,.btn-syllabus{width:100%;text-align:center;} }
.dark-mode .int-enquiry{background:#1e293b;color:#f1f5f9;} .dark-mode .int-enquiry h3{color:#f1f5f9;} .dark-mode .int-enquiry .eq-sub{color:#94a3b8;} .dark-mode .int-enquiry input{background:#0f172a;border-color:rgba(255,255,255,.1);color:#f1f5f9;}

/* ── Stats Bar ── */
.stats-bar {
  position:relative;
  padding:48px 0;
  background:
    linear-gradient(135deg, rgba(12,30,60,0.93), rgba(10,90,100,0.93)),
    url('https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&q=80&w=2000') center/cover no-repeat;
  overflow:hidden;
}
.stats-bar::before {
  content:'';
  position:absolute; inset:0;
  background:rgba(0,0,0,0.15);
  pointer-events:none;
}
.stats-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,1fr); gap:22px; max-width:1100px; margin:0 auto; padding:0 20px; }
@media(max-width:768px){ .stats-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:480px){ .stats-grid{grid-template-columns:1fr;} }
.stat-box { text-align:center; padding:26px 16px; background:rgba(255,255,255,.12); backdrop-filter:blur(8px); border-radius:14px; border:1px solid rgba(255,255,255,.25); transition:transform .3s,background .3s; }
.stat-box:hover { transform:translateY(-5px); background:rgba(255,255,255,.2); box-shadow:0 12px 30px rgba(0,0,0,.15); }
.stat-box .stat-icon { font-size:2.2rem; margin-bottom:10px; }
.stat-box .stat-num { font-size:2rem; font-weight:900; color:#fff; display:block; text-shadow:0 2px 8px rgba(0,0,0,.2); }
.stat-box .stat-label { font-size:.88rem; color:rgba(255,255,255,.9); font-weight:600; margin-top:5px; display:block; letter-spacing:.02em; }

/* ── Section Utility ── */
.int-section { padding:80px 0; }
.int-section.bg-light { background:#f8fafc; }
.int-section.bg-white { background:#fff; }
.dark-mode .int-section.bg-light { background:#1e293b; }
.dark-mode .int-section.bg-white { background:#0f172a; }
.int-section-title { font-size:2.1rem; font-weight:900; color:#1e1b4b; margin-bottom:10px; text-align:center; }
.dark-mode .int-section-title { color:#f1f5f9; }
.int-section-title span { background:linear-gradient(135deg,#FF7A00,#E84393); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.int-divider { width:60px; height:4px; background:linear-gradient(90deg,#FF7A00,#E84393); border-radius:2px; margin:8px auto 16px; }
.int-section-sub { max-width:640px; margin:0 auto 50px; text-align:center; color:#64748b; font-size:1rem; line-height:1.6; }
.dark-mode .int-section-sub { color:#94a3b8; }

.motto-wrapper { text-align: center; margin-bottom: 20px; }
.motto-badge { display: inline-block; padding: 6px 16px; background: rgba(255,122,0,0.1); color: #FF7A00; border-radius: 50px; font-size: 0.75rem; font-weight: 800; letter-spacing: 2px; margin-bottom: 12px; text-transform: uppercase; }
.motto-quote { font-size: 3.2rem; font-weight: 950; background: linear-gradient(135deg, #FF7A00, #E84393); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 10px; letter-spacing: -2px; }
@media(max-width: 600px) { .motto-quote { font-size: 2.2rem; } }

/* ── Build Better Skills Cards ── */
.skills-quad { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; max-width:1100px; margin:0 auto; padding:0 20px; }
@media(max-width:1024px){ .skills-quad{grid-template-columns:repeat(2,1fr);} }
@media(max-width:580px){ .skills-quad{grid-template-columns:1fr;} }
.sq-card { background:#fff; border:1.5px solid #e2e8f0; border-radius:14px; padding:32px 20px; text-align:center; transition:transform .3s,box-shadow .3s,border-color .3s; }
.dark-mode .sq-card { background:#1e293b; border-color:rgba(255,255,255,.08); }
.sq-card:hover { transform:translateY(-6px); box-shadow:0 16px 36px rgba(232,67,147,.14); border-color:#E84393; }
.sq-icon { width:70px; height:70px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.8rem; margin:0 auto 18px; }
.sq-icon.vp { background:#f3f0ff; color:#7c3aed; } .sq-icon.vb { background:#eff6ff; color:#2563eb; }
.sq-icon.vo { background:#fff7ed; color:#f59e0b; } .sq-icon.vc { background:#ecfeff; color:#0e7490; }
.dark-mode .sq-icon.vp{background:rgba(124,58,237,.15);} .dark-mode .sq-icon.vb{background:rgba(37,99,235,.15);} .dark-mode .sq-icon.vo{background:rgba(245,158,11,.15);} .dark-mode .sq-icon.vc{background:rgba(14,116,144,.15);}
.sq-card h3 { font-size:1.05rem; font-weight:800; margin-bottom:10px; }
.sq-card.cp h3{color:#7c3aed;} .sq-card.cb h3{color:#2563eb;} .sq-card.co h3{color:#f59e0b;} .sq-card.cc h3{color:#0e7490;}
.sq-card p { font-size:.86rem; color:#64748b; line-height:1.55; }
.dark-mode .sq-card p { color:#94a3b8; }

/* ── Why Choose (icon grid 3x2) ── */
.why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; max-width:1100px; margin:0 auto; padding:0 20px; }
@media(max-width:900px){ .why-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:540px){ .why-grid{grid-template-columns:1fr;} }
.why-card { background:#fff; border:1.5px solid #e2e8f0; border-radius:14px; padding:28px 22px; transition:transform .3s,box-shadow .3s; }
.dark-mode .why-card { background:#1e293b; border-color:rgba(255,255,255,.08); }
.why-card:hover { transform:translateY(-5px); box-shadow:0 12px 28px rgba(232,67,147,.13); border-color:#E84393; }
.why-icon { width:56px; height:56px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1.5rem; margin-bottom:16px; }
.why-icon.i1{background:#f3f0ff;color:#7c3aed;} .why-icon.i2{background:#fff7ed;color:#f59e0b;} .why-icon.i3{background:#ecfeff;color:#0e7490;}
.why-icon.i4{background:#fdf4ff;color:#a21caf;} .why-icon.i5{background:#eff6ff;color:#2563eb;} .why-icon.i6{background:#f0fdf4;color:#16a34a;}
.dark-mode .why-icon{opacity:.85;}
.why-card h3 { font-size:1rem; font-weight:800; color:#0f172a; margin-bottom:8px; }
.dark-mode .why-card h3 { color:#f1f5f9; }
.why-card p { font-size:.86rem; color:#64748b; line-height:1.55; }
.dark-mode .why-card p { color:#94a3b8; }

/* ── Split layout (image + content) ── */
.split-section { padding:80px 0; }
.split-section.bg-light { background:#f8fafc; }
.split-section.bg-white { background:#fff; }
.dark-mode .split-section.bg-light { background:#1e293b; }
.dark-mode .split-section.bg-white { background:#0f172a; }
.split-inner { display:flex; gap:60px; align-items:center; max-width:1100px; margin:0 auto; padding:0 20px; }
.split-inner.reverse { flex-direction:row-reverse; }
@media(max-width:860px){ .split-inner,.split-inner.reverse{flex-direction:column;} }
.split-img { flex:0 0 420px; }
.split-img img { width:100%; border-radius:16px; box-shadow:0 20px 50px rgba(0,0,0,.14); }
@media(max-width:860px){ .split-img{flex:none;width:100%;} }
.split-content { flex:1; }
.split-content h2 { font-size:2rem; font-weight:900; color:#0f172a; margin-bottom:10px; line-height:1.25; }
.dark-mode .split-content h2 { color:#f1f5f9; }
.split-content h2 span { background:linear-gradient(135deg,#FF7A00,#E84393); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.split-content .split-sub { color:#64748b; font-size:.97rem; line-height:1.65; margin-bottom:24px; }
.dark-mode .split-content .split-sub { color:#94a3b8; }
.colored-bullets { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:12px; }
.colored-bullets li { display:flex; align-items:flex-start; gap:12px; font-size:.95rem; color:#374151; line-height:1.5; }
.dark-mode .colored-bullets li { color:#e2e8f0; }
.colored-bullets li .bull-icon { width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.78rem; flex-shrink:0; margin-top:2px; color:#fff; font-weight:800; }
.bull-purple  { background:#7c3aed; }
.bull-blue    { background:#2563eb; }
.bull-orange  { background:#f59e0b; }
.bull-green   { background:#16a34a; }
.bull-red     { background:#ef4444; }
.bull-cyan    { background:#0e7490; }
.bull-pink    { background:#e11d48; }

/* ── Structure/Timeline ── */
.timeline-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; max-width:900px; margin:0 auto; padding:0 20px; }
@media(max-width:600px){ .timeline-grid{grid-template-columns:1fr;} }
.tl-card { background:#fff; border-left:4px solid #7c3aed; border-radius:10px; padding:24px 22px; box-shadow:0 4px 14px rgba(0,0,0,.07); transition:transform .3s; }
.dark-mode .tl-card { background:#1e293b; }
.tl-card:hover { transform:translateY(-4px); }
.tl-card .tl-week { font-size:.82rem; font-weight:800; color:#7c3aed; text-transform:uppercase; letter-spacing:.06em; margin-bottom:6px; }
.tl-card h3 { font-size:1rem; font-weight:800; color:#0f172a; margin-bottom:8px; }
.dark-mode .tl-card h3 { color:#f1f5f9; }
.tl-card p { font-size:.87rem; color:#64748b; line-height:1.55; }
.dark-mode .tl-card p { color:#94a3b8; }

/* ── Features grid ── */
.feat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; max-width:960px; margin:0 auto; padding:0 20px; }
@media(max-width:780px){ .feat-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:480px){ .feat-grid{grid-template-columns:1fr;} }
.feat-card { background:linear-gradient(135deg,#7c3aed08,#5b21b608); border:1px solid #e2e8f0; border-radius:12px; padding:26px 20px; text-align:center; transition:transform .3s,box-shadow .3s; }
.dark-mode .feat-card { background:rgba(124,58,237,.07); border-color:rgba(255,255,255,.08); }
.feat-card:hover { transform:translateY(-5px); box-shadow:0 12px 30px rgba(124,58,237,.13); border-color:#7c3aed; }
.feat-card .feat-icon { font-size:2.2rem; margin-bottom:14px; }
.feat-card h3 { font-size:.97rem; font-weight:800; color:#0f172a; margin-bottom:7px; }
.dark-mode .feat-card h3 { color:#f1f5f9; }
.feat-card p { font-size:.83rem; color:#64748b; line-height:1.5; }
.dark-mode .feat-card p { color:#94a3b8; }

/* ── Internship Cards & Tabs ── */
.prog-tabs { display:flex; justify-content:center; gap:20px; margin-bottom:40px; padding:0 20px; }
.tab-btn { padding:12px 30px; border:2px solid #e2e8f0; background:transparent; border-radius:30px; font-weight:800; color:#64748b; cursor:pointer; transition:all 0.3s; font-size:.95rem; }
.tab-btn.active { background:linear-gradient(135deg,#FF7A00,#E84393); color:#fff; border-color:transparent; box-shadow:0 8px 20px rgba(232,67,147,0.3); }
.tab-content { display:none; }
.tab-content.active { display:block; animation:fadeInUp 0.5s ease forwards; }

@keyframes fadeInUp {
  from { opacity:0; transform:translateY(20px); }
  to { opacity:1; transform:translateY(0); }
}

.int-cards-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; max-width:1200px; margin:0 auto; padding:0 20px; }
@media(max-width:1100px){ .int-cards-grid{grid-template-columns:repeat(3,1fr);} }
@media(max-width:780px){ .int-cards-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:500px){ .int-cards-grid{grid-template-columns:1fr;} }
.ic { background:#fff; border-radius:12px; overflow:hidden; border:1px solid #e2e8f0; box-shadow:0 4px 12px rgba(0,0,0,.06); display:flex; flex-direction:column; transition:transform .3s,box-shadow .3s; }
.dark-mode .ic { background:#1e293b; border-color:rgba(255,255,255,.08); }
.ic:hover { transform:translateY(-5px); box-shadow:0 12px 28px rgba(124,58,237,.14); }
.ic img { width:100%; height:160px; object-fit:cover; display:block; }
.ic-body { padding:16px; display:flex; flex-direction:column; flex-grow:1; }
.ic-body h3 { font-size:.97rem; font-weight:800; color:#0f172a; margin-bottom:7px; line-height:1.4; }
.dark-mode .ic-body h3 { color:#f1f5f9; }
.ic-dur { display:flex; align-items:center; gap:6px; color:#64748b; font-size:.82rem; margin-bottom:9px; }
.ic-dur i { color:#7c3aed; }
.ic-body p { font-size:.82rem; color:#64748b; line-height:1.5; margin-bottom:14px; flex-grow:1; }
.dark-mode .ic-body p { color:#94a3b8; }
.ic-fee { font-size:1.15rem; font-weight:900; color:#E84393; margin-bottom:12px; display:flex; align-items:center; gap:5px; }
.ic-fee span { font-size:.8rem; color:#64748b; font-weight:600; text-decoration:line-through; opacity:.7; margin-left:5px; }
.ic-live-tag { display:inline-flex; align-items:center; gap:6px; background:#f0fdf4; color:#16a34a; padding:4px 10px; border-radius:4px; font-size:0.72rem; font-weight:800; margin-bottom:10px; text-transform:uppercase; width:fit-content; }
.dark-mode .ic-live-tag { background:rgba(22,163,74,0.2); color:#4ade80; }
.btn-apply { display:block; width:100%; text-align:center; background:linear-gradient(135deg,#FF7A00,#E84393); color:#fff; padding:9px; border-radius:7px; font-weight:800; font-size:.9rem; text-decoration:none; transition:opacity .2s,transform .2s; }
.btn-apply:hover { opacity:.87; transform:translateY(-2px); }

/* ── Program Details (dark gradient) ── */
.prog-section { padding:80px 0; background:linear-gradient(135deg,#0f0c29,#302b63,#24243e); color:#fff; }
.prog-section .int-section-title { color:#fff; }
.prog-section .int-section-sub { color:#c4b5fd; }
.prog-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; max-width:1080px; margin:0 auto; padding:0 20px; }
@media(max-width:768px){ .prog-grid{grid-template-columns:1fr;} }
.prog-card { background:rgba(255,255,255,.08); backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.15); border-radius:14px; padding:30px 26px; }
.prog-card h3 { font-size:1.15rem; font-weight:800; margin-bottom:20px; display:flex; align-items:center; gap:10px; color:#fff; }
.prog-card ul { list-style:none; padding:0; margin:0; }
.prog-card ul li { display:flex; gap:12px; margin-bottom:13px; font-size:.95rem; color:#e0e7ff; line-height:1.5; align-items:flex-start; }
.prog-card ul li i { margin-top:3px; }
.i-green { color:#34d399; } .i-yellow { color:#fbbf24; }

/* ── Final CTA ── */
.final-cta {
  position:relative;
  padding:100px 0;
  text-align:center;
  background:
    linear-gradient(135deg, rgba(20,5,40,0.88), rgba(60,10,80,0.88)),
    url('https://images.unsplash.com/photo-1523240795612-9a054b0db644?auto=format&fit=crop&q=80&w=2000') center/cover no-repeat;
  background-attachment:fixed;
  overflow:hidden;
}
.final-cta::before {
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(135deg, rgba(255,122,0,0.18), rgba(232,67,147,0.18));
  pointer-events:none;
}
.final-cta .container { position:relative; z-index:1; }
.final-cta h2 { font-size:2.6rem; font-weight:900; color:#fff; margin-bottom:16px; text-shadow:0 2px 12px rgba(0,0,0,.3); }
.final-cta h2 span { background:linear-gradient(135deg,#FF7A00,#E84393); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.final-cta p { color:rgba(255,255,255,.85); font-size:1.08rem; max-width:600px; margin:0 auto 36px; line-height:1.7; }
.cta-btns { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
.btn-cta-main { display:inline-block; background:linear-gradient(135deg,#FF7A00,#E84393); color:#fff; padding:15px 42px; font-size:1.1rem; font-weight:900; border-radius:10px; text-decoration:none; transition:transform .3s,box-shadow .3s; box-shadow:0 8px 24px rgba(232,67,147,.4); }
.btn-cta-main:hover { transform:translateY(-3px); box-shadow:0 14px 32px rgba(232,67,147,.55); filter:brightness(1.08); }
.btn-cta-wa { display:inline-block; background:#25d366; color:#fff; padding:15px 42px; font-size:1.1rem; font-weight:900; border-radius:10px; text-decoration:none; transition:transform .3s,box-shadow .3s; box-shadow:0 8px 24px rgba(37,211,102,.3); }
.btn-cta-wa:hover { transform:translateY(-3px); box-shadow:0 14px 32px rgba(37,211,102,.4); }

/* ── Why Prefer Vidyanex ── */
.prefer-list { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; max-width:700px; margin:0 auto; padding:0 20px; }
@media(max-width:560px){ .prefer-list{grid-template-columns:1fr;} }
.prefer-item { display:flex; align-items:center; gap:14px; background:#fff; border:1.5px solid #e2e8f0; border-radius:10px; padding:16px 18px; font-size:.95rem; font-weight:700; color:#1e293b; transition:border-color .3s,transform .3s,box-shadow .3s; }
.dark-mode .prefer-item { background:#1e293b; border-color:rgba(255,255,255,.08); color:#f1f5f9; }
.prefer-item:hover { border-color:#E84393; transform:translateX(4px); box-shadow:0 6px 20px rgba(232,67,147,.1); }
.prefer-item .pi-icon { width:38px; height:38px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:1.1rem; flex-shrink:0; }

/* ── Marquee / Tools Scrolling Bar ── */
.marquee-section { padding:36px 0; background:#fff; border-top:1px solid #f1f5f9; border-bottom:1px solid #f1f5f9; overflow:hidden; }
.dark-mode .marquee-section { background:#0f172a; border-color:rgba(255,255,255,.06); }
.marquee-label { text-align:center; font-size:1.05rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#64748b; margin-bottom:26px; }
.dark-mode .marquee-label { color:#94a3b8; }
.marquee-track { display:flex; gap:36px; animation:marqueeScroll 30s linear infinite; width:max-content; }
.marquee-track:hover { animation-play-state:paused; }
@keyframes marqueeScroll { 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }
.marquee-item { display:flex; align-items:center; gap:12px; padding:12px 26px; background:#f8fafc; border:1.5px solid #e2e8f0; border-radius:40px; font-size:.97rem; font-weight:700; color:#374151; white-space:nowrap; flex-shrink:0; transition:border-color .2s; }
.marquee-item:hover { border-color:#E84393; }
.dark-mode .marquee-item { background:#1e293b; border-color:rgba(255,255,255,.08); color:#e2e8f0; }
.marquee-item img { width:34px; height:34px; object-fit:contain; }

/* ── Mid-page CTA Banner ── */
.mid-cta {
  margin:0 20px;
  border-radius:16px;
  background:
    linear-gradient(135deg, rgba(12,30,60,0.95), rgba(10,90,100,0.95)),
    url('https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&q=80&w=1200') center/cover no-repeat;
  padding:42px 40px;
  text-align:center;
  color:#fff;
  box-shadow:0 12px 32px rgba(12,30,60,0.15);
  border:1px solid rgba(255,255,255,0.1);
}
.mid-cta h2 { font-size:1.8rem; font-weight:900; color:#fff; margin-bottom:12px; }
.mid-cta p { color:rgba(255,255,255,0.85); font-size:.95rem; margin-bottom:28px; max-width:580px; margin-left:auto; margin-right:auto; line-height:1.6; }
.mid-cta-btns { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
.btn-mid-white { background:linear-gradient(135deg,#FF7A00,#E84393); color:#fff; padding:13px 38px; border-radius:8px; font-weight:900; font-size:1rem; text-decoration:none; transition:transform .2s,box-shadow .2s; }
.btn-mid-white:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(232,67,147,0.3); }
.btn-mid-outline { background:rgba(255,255,255,0.1); color:#fff; border:1.5px solid rgba(255,255,255,0.4); padding:13px 38px; border-radius:8px; font-weight:900; font-size:1rem; text-decoration:none; transition:background .2s,border-color .2s; }
.btn-mid-outline:hover { background:rgba(255,255,255,0.2); border-color:#fff; }

/* ── Inline apply-now strip between short/long ── */
.apply-strip { padding:50px 0; background:linear-gradient(135deg,#0f172a,#1e293b); text-align:center; }
.apply-strip h3 { font-size:1.6rem; font-weight:900; color:#fff; margin-bottom:10px; }
.apply-strip p { color:#94a3b8; font-size:.97rem; margin-bottom:24px; }
.apply-strip a { display:inline-block; background:linear-gradient(135deg,#FF7A00,#E84393); color:#fff; padding:13px 38px; border-radius:8px; font-weight:900; font-size:1rem; text-decoration:none; transition:transform .2s,box-shadow .2s; box-shadow:0 6px 20px rgba(232,67,147,.3); }
.apply-strip a:hover { transform:translateY(-2px); box-shadow:0 10px 28px rgba(232,67,147,.45); }

/* ── Placement Support (split layout) ── */
.placement-section { padding:80px 0; background:#fff; }
.dark-mode .placement-section { background:#0f172a; }

/* ── Testimonials ── */
.testimonials-section { padding:80px 0; background:#f8fafc; }
.dark-mode .testimonials-section { background:#1e293b; }
.testi-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; max-width:1100px; margin:40px auto 0; padding:0 20px; }
@media(max-width:991px){ .testi-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:640px){ .testi-grid { grid-template-columns:1fr; } }
.testi-card { background:#fff; border-radius:16px; padding:30px; box-shadow:0 10px 30px rgba(0,0,0,.05); border:1px solid #e2e8f0; position:relative; transition:transform .3s; height:100%; display:flex; flex-direction:column; }
.dark-mode .testi-card { background:#0f172a; border-color:rgba(255,255,255,.05); }
.testi-card:hover { transform:translateY(-10px); }
.testi-quote { font-size:1.5rem; color:#E84393; opacity:.2; position:absolute; top:20px; right:20px; }
.testi-text { font-size:.95rem; color:#475569; line-height:1.7; margin-bottom:24px; font-style:italic; flex-grow:1; }
.dark-mode .testi-text { color:#94a3b8; }
.testi-user { display:flex; align-items:center; gap:15px; }
.testi-user img { width:50px; height:50px; border-radius:50%; object-fit:cover; border:2px solid #E84393; }
.testi-info h4 { font-size:1rem; font-weight:800; color:#1e293b; margin:0; }
.dark-mode .testi-info h4 { color:#f1f5f9; }
.testi-info p { font-size:.8rem; color:#64748b; margin:0; }

/* ── Portfolio Showcase ── */
.portfolio-section { padding:80px 0; background:#fff; }
.dark-mode .portfolio-section { background:#0f172a; }
.port-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; max-width:1150px; margin:0 auto; padding:0 20px; }
@media(max-width:1024px){ .port-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:640px){ .port-grid { grid-template-columns:1fr; } }
.port-card { background:#f8fafc; border-radius:15px; padding:25px; border:1.5px solid #e2e8f0; transition:border-color .3s; }
.dark-mode .port-card { background:#1e293b; border-color:rgba(255,255,255,.08); }
.port-card:hover { border-color:#E84393; }
.port-card h4 { font-size:1.1rem; font-weight:900; color:#1e293b; margin-bottom:15px; display:flex; align-items:center; gap:10px; }
.dark-mode .port-card h4 { color:#f1f5f9; }
.port-card h4 i { color:#E84393; }
.port-list { list-style:none; padding:0; margin:0; }
.port-list li { font-size:.9rem; color:#475569; padding:8px 0; border-bottom:1px dashed #cbd5e1; display:flex; align-items:center; gap:8px; }
.dark-mode .port-list li { color:#94a3b8; border-color:rgba(255,255,255,.1); }
.port-list li:last-child { border-bottom:none; }
.port-list li::before { content:'→'; color:#E84393; font-weight:900; }
.port-footer { margin-top:40px; text-align:center; padding:30px; background:linear-gradient(135deg,rgba(255,122,0,.05),rgba(232,67,147,.05)); border-radius:15px; border:1px solid rgba(232,67,147,.2); max-width:900px; margin-left:auto; margin-right:auto; }
.port-footer p { font-size:1rem; color:#334155; font-weight:600; margin:0; }
.dark-mode .port-footer p { color:#cbd5e1; }

/* ── Bonus Banner ── */
.bonus-banner { max-width:1100px; margin:40px auto 0; padding:0 20px; }
.bonus-inner { background:linear-gradient(135deg,rgba(15,23,42,0.95),rgba(30,41,59,0.95)); border-radius:16px; padding:30px 40px; display:flex; align-items:center; justify-content:space-between; gap:30px; border:1px solid rgba(255,255,255,0.1); box-shadow:0 10px 30px rgba(0,0,0,0.1); }
@media(max-width:860px){ .bonus-inner { flex-direction:column; text-align:center; padding:30px 20px; } }
.bonus-content h3 { font-size:1.5rem; font-weight:900; color:#fff; margin-bottom:8px; line-height:1.2; }
.bonus-content h3 span { color:#E84393; }
.bonus-list { display:flex; flex-wrap:wrap; gap:15px 25px; }
@media(max-width:860px){ .bonus-list { justify-content:center; } }
.bonus-item { display:flex; align-items:center; gap:8px; color:#e2e8f0; font-size:.92rem; font-weight:600; }
.bonus-item i { color:#22c55e; font-size:1rem; }