body.elementor-page-851:not(.elementor-motion-effects-element-type-background), body.elementor-page-851 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS *//* =======================
   BRAND PALETTE (colors only)
   ======================= */
:root{
  --charcoal-900:#3A3A3A;
  --charcoal-800:#2C2C2C;
  --charcoal-700:#333333;

  --azure-500:#0078D4;   /* Microsoft Azure blue */
  --azure-600:#005FB3;
  --azure-700:#0056B3;   /* your existing darker blue */

  --accent-magenta:#E10098; /* CTA accent */
  --accent-magenta-dark:#9C27B0;

  --fg-body:#333333;
  --fg-on-dark:#FFFFFF;

  --surface:#FFFFFF;
  --surface-muted:#F8F9FA;
  --rule:#E9ECEF;

  --success:#22C55E;
  --success-bg:#DCFCE7;

  --info:#0078D4;        /* links & info accents */
  --info-dark:#0056B3;
}

/* =======================
   GENERAL PAGE STYLING
   ======================= */

body{
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height:1.6;
  color:var(--fg-body);
}

/* =======================
   HERO SECTION STYLING
   ======================= */

.hero-section{
  background:linear-gradient(135deg, var(--charcoal-900) 0%, var(--azure-500) 100%);
  padding:60px 0;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.hero-section::before{
  content:'';
  position:absolute; inset:0;
  background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.10)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
  opacity:.3;
}
.hero-section h1{
  font-size:3rem;
  font-weight:700;
  color:var(--fg-on-dark);
  margin-bottom:20px;
  text-shadow:2px 2px 4px rgba(0,0,0,.3);
  position:relative; z-index:1;
}

/* =======================
   MAIN CONTENT STYLING
   ======================= */

.main-content{
  max-width:1200px; margin:0 auto;
  padding:40px 20px; background:var(--surface);
}

/* Success message (promo/labeled bar) */
.success-message{
  background:linear-gradient(135deg, var(--charcoal-900), var(--charcoal-800));
  color:var(--fg-on-dark);
  padding:30px; border-radius:15px; margin-bottom:40px;
  box-shadow:0 8px 25px rgba(0,120,212,.25); /* blue glow instead of green */
  border:none;
}
.success-message h2{ font-size:2.2rem; margin-bottom:15px; font-weight:600; }
.success-message p{ font-size:1.1rem; margin-bottom:0; }

/* =======================
   REGISTRATION INFO LIST
   ======================= */

.registration-info{
  background:var(--surface-muted);
  padding:25px; border-radius:10px; margin-bottom:40px;
  border-left:5px solid var(--info);
}
.registration-info ul{ list-style:none; padding:0; margin:0; }
.registration-info li{
  padding:12px 0 12px 30px;
  border-bottom:1px solid var(--rule);
  position:relative;
}
.registration-info li:last-child{ border-bottom:none; }
.registration-info li::before{
  content:'✓'; position:absolute; left:0; top:12px;
  color:var(--success); font-weight:bold; font-size:1.2rem;
}
.registration-info a{
  color:var(--info); text-decoration:none; font-weight:500; transition:all .3s ease;
}
.registration-info a:hover{ color:var(--info-dark); text-decoration:underline; }

/* =======================
   SKILLS EXPANSION SECTION
   ======================= */

.skills-section{ margin:50px 0; }
.skills-section h2{
  font-size:2.5rem; color:#2C3E50; margin-bottom:20px; text-align:center; font-weight:600;
}
.skills-intro{
  background:linear-gradient(135deg, var(--azure-600) 0%, var(--azure-500) 100%);
  color:var(--fg-on-dark); padding:25px; border-radius:12px; margin-bottom:40px; text-align:center;
}
.skills-intro p{ font-size:1.1rem; margin:0; line-height:1.6; }

/* =======================
   LAB COLLECTIONS CARDS
   ======================= */

.lab-collection{
  background:var(--surface); border-radius:15px; padding:30px; margin-bottom:30px;
  box-shadow:0 5px 20px rgba(0,0,0,.1);
  border:1px solid var(--rule); transition:all .3s ease; position:relative; overflow:hidden;
}
.lab-collection::before{
  content:''; position:absolute; top:0; left:0; width:100%; height:4px;
  background:linear-gradient(90deg, var(--azure-500), var(--azure-700));
}
.lab-collection:hover{
  transform:translateY(-5px);
  box-shadow:0 8px 30px rgba(0,0,0,.15);
}
.lab-collection h3{ color:#2C3E50; font-size:1.8rem; margin-bottom:20px; font-weight:600; }

/* difficulty badges tuned to brand */
.lab-collection .difficulty-badge{ display:inline-block; padding:5px 12px; border-radius:20px; font-size:.9rem; font-weight:500; margin-left:10px; }
.difficulty-beginner{ background:var(--success-bg); color:#166534; }
.difficulty-advanced{ background:#FEF3C7; color:#92400E; }  /* amber vs harsh red */
.difficulty-friendly{ background:#DBEAFE; color:#1E3A8A; }

/* lists + arrows */
.lab-collection ul{ list-style:none; padding:0; margin:20px 0; }
.lab-collection li{ padding:8px 0 8px 25px; position:relative; color:#555; }
.lab-collection li::before{ content:'→'; position:absolute; left:0; color:var(--azure-500); font-weight:bold; }

/* Unlock buttons */
.unlock-btn{
  display:inline-block;
  background:linear-gradient(135deg, var(--azure-500), var(--azure-700));
  color:var(--fg-on-dark);
  padding:12px 25px; border-radius:25px; text-decoration:none; font-weight:500; transition:all .3s ease; margin-top:15px;
}
.unlock-btn:hover{
  background:linear-gradient(135deg, var(--azure-700), var(--azure-600));
  transform:translateY(-2px);
  box-shadow:0 5px 15px rgba(0,120,212,.40);
  color:var(--fg-on-dark); text-decoration:none;
}

/* =======================
   AZ-900 BOOTCAMP SPECIAL
   ======================= */

.az900-bootcamp{
  background:linear-gradient(135deg, var(--accent-magenta), var(--accent-magenta-dark));
  color:var(--fg-on-dark); border:none;
}
.az900-bootcamp::before{ background:linear-gradient(90deg, #FFFFFF, #F8F9FA); }
.az900-bootcamp h3{ color:var(--fg-on-dark); }
.az900-bootcamp li{ color:rgba(255,255,255,.90); }
.az900-bootcamp .unlock-btn{
  background:#FFFFFF; color:var(--accent-magenta);
}
.az900-bootcamp .unlock-btn:hover{
  background:#F8F9FA; color:var(--accent-magenta-dark);
}

/* =======================
   RESPONSIVE DESIGN
   ======================= */

@media (max-width:768px){
  .hero-section h1{ font-size:2.2rem; }
  .skills-section h2{ font-size:2rem; }
  .lab-collection{ padding:20px; margin-bottom:20px; }
  .lab-collection h3{ font-size:1.5rem; }
  .main-content{ padding:20px 15px; }
}

/* =======================
   FOOTER STYLING
   ======================= */

.footer{
  background:var(--charcoal-900);
  color:var(--fg-on-dark);
  text-align:center; padding:20px 0; margin-top:50px;
}

/* =======================
   UTILITY CLASSES
   ======================= */

.text-center{text-align:center;}
.mb-0{margin-bottom:0;}
.mt-3{margin-top:1rem;}
.mb-3{margin-bottom:1rem;}/* End custom CSS */