.dvt-wrap{
      --ink:#1a1a2e;
      --sub:#5b5b76;
      --purple:#6c5ce7;
      --purple-dark:#4834d4;
      --indigo:#2d2b6b;
      --bg-soft:#f6f5ff;
      --line:#e7e5fa;
      --white:#ffffff;
      font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
      color:var(--ink);
      background:var(--white);
      line-height:1.6;
    }
    .dvt-wrap *{box-sizing:border-box;}
    .dvt-container{max-width:1100px;margin:0 auto;padding:0 24px;}

    /* ---------- HERO ---------- */
    .dvt-hero{
      background:linear-gradient(135deg,#1b1650 0%,#2d2b6b 45%,#4834d4 100%);
      border-radius:28px;
      padding:64px 48px;
      color:#fff;
      position:relative;
      overflow:hidden;
      margin:32px auto 0;
      max-width:1100px;
    }
    .dvt-hero::before{
      content:"";
      position:absolute;
      top:-120px;right:-120px;
      width:340px;height:340px;
      background:radial-gradient(circle,rgba(108,92,231,0.55),transparent 70%);
      border-radius:50%;
    }
    .dvt-badge{
      display:inline-flex;align-items:center;gap:8px;
      background:rgba(255,255,255,0.1);
      border:1px solid rgba(255,255,255,0.18);
      padding:8px 16px;border-radius:999px;
      font-size:13px;font-weight:600;letter-spacing:.04em;
      text-transform:uppercase;color:#c9c4ff;
      margin-bottom:24px;position:relative;z-index:1;
    }
    .dvt-hero h1{
      font-size:48px;font-weight:800;line-height:1.1;
      margin:0 0 18px;position:relative;z-index:1;
      letter-spacing:-0.02em;
    }
    .dvt-hero p{
      font-size:18px;color:#d6d3ff;max-width:640px;
      margin:0 0 32px;position:relative;z-index:1;
    }
    .dvt-salary{
      background:rgba(255,255,255,0.06);
      border:1px solid rgba(255,255,255,0.14);
      border-radius:16px;
      padding:24px 28px;
      display:grid;
      grid-template-columns:auto 1fr;
      gap:8px 24px;
      align-items:center;
      max-width:620px;
      position:relative;z-index:1;
      margin-bottom:32px;
    }
    .dvt-salary-label{
      font-size:13px;text-transform:uppercase;letter-spacing:.06em;
      color:#b9b4ff;font-weight:700;grid-column:1/-1;margin-bottom:6px;
    }
    .dvt-salary-amount{
      font-size:30px;font-weight:800;color:#fff;grid-column:1/-1;margin-bottom:12px;
    }
    .dvt-perks{list-style:none;margin:0;padding:0;grid-column:1/-1;
      display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;}
    .dvt-perks li{font-size:14.5px;color:#e5e3ff;display:flex;gap:8px;align-items:flex-start;}
    .dvt-perks li::before{content:"✓";color:#8be08b;font-weight:800;flex-shrink:0;}
    .dvt-cta-row{display:flex;gap:14px;position:relative;z-index:1;flex-wrap:wrap;}
    .dvt-btn-primary{
      background:#fff;color:var(--purple-dark);font-weight:700;
      padding:14px 28px;border-radius:10px;text-decoration:none;
      font-size:15px;transition:transform .15s ease;
    }
    .dvt-btn-primary:hover{transform:translateY(-2px);}
    .dvt-btn-ghost{
      border:1.5px solid rgba(255,255,255,0.4);color:#fff;font-weight:600;
      padding:14px 28px;border-radius:10px;text-decoration:none;font-size:15px;
      transition:background .15s ease;
    }
    .dvt-btn-ghost:hover{background:rgba(255,255,255,0.08);}

    /* ---------- SHARED SECTION STYLES ---------- */
    .dvt-section{padding:56px 0;}
    .dvt-eyebrow{
      color:var(--purple);font-weight:700;font-size:13px;
      letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;
    }
    .dvt-h2{font-size:32px;font-weight:800;letter-spacing:-0.01em;margin:0 0 16px;color:var(--ink);}
    .dvt-h3{font-size:22px;font-weight:700;margin:0 0 14px;color:var(--ink);}
    .dvt-lead{font-size:16.5px;color:var(--sub);max-width:820px;margin:0 0 8px;}

    .dvt-intro-grid{display:grid;grid-template-columns:1fr;gap:12px;}

    /* Why learn callout */
    .dvt-callout{
      background:var(--bg-soft);
      border:1px solid var(--line);
      border-left:4px solid var(--purple);
      border-radius:14px;
      padding:28px 32px;
      margin-top:28px;
    }

    /* What you'll learn checklist */
    .dvt-check-grid{
      display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;
      margin-top:24px;
    }
    .dvt-check-item{
      display:flex;gap:12px;align-items:flex-start;
      font-size:15px;color:var(--ink);
    }
    .dvt-check-icon{
      flex-shrink:0;width:22px;height:22px;border-radius:6px;
      background:linear-gradient(135deg,var(--purple),var(--purple-dark));
      color:#fff;font-size:13px;font-weight:800;
      display:flex;align-items:center;justify-content:center;margin-top:2px;
    }

    /* Tools & tech */
    .dvt-tools-grid{
      display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;
    }
    .dvt-tool-card{
      background:#fff;border:1px solid var(--line);border-radius:14px;
      padding:22px;transition:box-shadow .15s ease, transform .15s ease;
    }
    .dvt-tool-card:hover{box-shadow:0 12px 30px rgba(108,92,231,0.12);transform:translateY(-3px);}
    .dvt-tool-card h4{
      margin:0 0 10px;font-size:15px;font-weight:700;color:var(--purple-dark);
      display:flex;align-items:center;gap:8px;
    }
    .dvt-tool-card h4::before{
      content:"";width:8px;height:8px;border-radius:50%;
      background:var(--purple);display:inline-block;
    }
    .dvt-tool-card p{margin:0;font-size:14px;color:var(--sub);}

    /* Cloud platforms banner */
    .dvt-cloud-banner{
      background:var(--indigo);
      color:#fff;border-radius:18px;padding:36px 40px;margin-top:24px;
    }
    .dvt-cloud-banner p{color:#d6d3ff;margin:0;font-size:16px;max-width:780px;}
    .dvt-cloud-banner strong{color:#fff;}

    /* Hands-on projects */
    .dvt-list-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;}
    .dvt-list-card{
      background:var(--bg-soft);border-radius:12px;padding:16px 18px;
      font-size:14.5px;color:var(--ink);display:flex;gap:10px;align-items:flex-start;
    }
    .dvt-list-card span.dvt-num{
      font-weight:800;color:var(--purple);font-size:13px;min-width:22px;
    }

    /* Industry trends pills */
    .dvt-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
    .dvt-pill{
      background:#fff;border:1.5px solid var(--purple);color:var(--purple-dark);
      font-size:13.5px;font-weight:600;padding:9px 16px;border-radius:999px;
    }

    /* Career opportunities */
    .dvt-career{
      background:linear-gradient(135deg,#f6f5ff,#eeecff);
      border-radius:18px;padding:32px 36px;margin-top:24px;
      border:1px solid var(--line);
    }
    .dvt-roles{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
    .dvt-role-tag{
      background:#fff;padding:7px 14px;border-radius:8px;font-size:13.5px;
      font-weight:600;color:var(--indigo);border:1px solid var(--line);
    }

    /* Responsive */
    @media (max-width:768px){
      .dvt-hero{padding:40px 24px;border-radius:20px;margin-top:16px;}
      .dvt-hero h1{font-size:32px;}
      .dvt-perks{grid-template-columns:1fr;}
      .dvt-check-grid{grid-template-columns:1fr;}
      .dvt-tools-grid{grid-template-columns:1fr 1fr;}
      .dvt-list-cards{grid-template-columns:1fr;}
      .dvt-cloud-banner,.dvt-career{padding:24px;}
    }
    @media (max-width:520px){
      .dvt-tools-grid{grid-template-columns:1fr;}
      .dvt-hero h1{font-size:28px;}
    }