/* Workshops Page Styles (extracted from inline styles) */

:root{
  --ws-primary: var(--primary-color, #7c3aed);
  --ws-primary-light: var(--primary-light, #a855f7);
  --ws-accent: var(--accent-color, #ffb74d);
  --ws-success: var(--success-color, #10b981);
  --ws-secondary: var(--secondary-color, #06b6d4);
}

/* Hero section */
.ws-hero{padding:5rem 0;background:linear-gradient(135deg,var(--ws-primary),var(--ws-primary-light));color:#fff;position:relative;overflow:hidden}
.ws-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.02)}
.ws-hero-grid{position:absolute;top:0;left:0;width:100%;height:100%;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.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}
.ws-hero-inner{position:relative;z-index:2}
.ws-hero-min{min-height:70vh}
.ws-hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2;color:#fff}
.ws-hero-h2{font-size:2.2rem;font-weight:600;margin-bottom:1.5rem;color:#fff;line-height:1.3}
.ws-hero-highlight{background:linear-gradient(135deg,var(--ws-accent),#ffb74d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ws-hero-sub{font-size:1.3rem;opacity:.9;margin-bottom:3rem;color:#fff;line-height:1.6}

/* Hero stat blocks */
.ws-stats{margin-bottom:2rem;gap:1.5rem;justify-content:space-between}
.ws-stat{text-align:center;padding:1rem .8rem;background:rgba(255,255,255,.1);backdrop-filter:blur(15px);border-radius:15px;border:1px solid rgba(255,255,255,.2)}
.ws-stat .value{font-size:2.5rem;font-weight:700;color:var(--ws-accent);margin-bottom:.5rem}
.ws-stat .label{color:#fff;opacity:.9;font-size:.9rem;font-weight:500}

/* CTA cards */
.ws-card{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:2.5rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;text-align:center;height:100%}
.ws-card .icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:#fff}
.ws-card .icon.success{background:linear-gradient(135deg,var(--ws-success),#66bb6a)}
.ws-card .icon.accent{background:linear-gradient(135deg,var(--ws-accent),#ffb74d)}
.ws-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#fff}
.ws-card p{opacity:.9;margin-bottom:2rem;line-height:1.6;color:#fff}
.ws-btn{display:inline-block;background:linear-gradient(135deg,var(--ws-success),#66bb6a);color:#fff;text-decoration:none;padding:12px 30px;border-radius:25px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px rgba(76,175,80,.3)}
.ws-btn i{margin-right:8px}
.ws-btn.accent{background:linear-gradient(135deg,var(--ws-accent),#ffb74d);box-shadow:0 4px 15px rgba(255,111,0,.3)}

/* Utility helpers */
.ws-pr-2{padding-right:2rem}
.ws-pl-2{padding-left:2rem}
.ws-z-2{position:relative;z-index:2}
.ws-mt-3{margin-top:3rem}
.ws-hidden{display:none}
.ws-gap-15{gap:1.5rem}

/* Text helpers mapping to theme variables */
.text-accent{color:var(--ws-accent)!important}
.text-success{color:var(--ws-success)!important}
.text-secondary{color:var(--ws-secondary)!important}
.fw-600{font-weight:600}
.mr-8{margin-right:8px}

/* Card and list elements reused throughout page (for later refactors) */
.workshop-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:transform .3s ease}
.workshop-card:hover{transform:translateY(-5px)}

/* Shared components extracted from inline */
.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}
.benefit-card{background:rgba(255,255,255,.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;text-align:center;transition:transform .3s ease}
.benefit-card:hover{transform:translateY(-5px)}
.pricing-card{background:#fff;border-radius:20px;padding:2rem;text-align:center;position:relative;transition:transform .3s ease;box-shadow:0 10px 30px rgba(0,0,0,.1)}
.pricing-card.featured{transform:scale(1.05);border:3px solid var(--ws-accent)}
.pricing-card:hover{transform:translateY(-5px)}
.pricing-card.featured:hover{transform:translateY(-10px) scale(1.05)}
.faq-container{max-width:900px;margin:0 auto}
.faq-item{background:#fff;border-radius:15px;margin-bottom:1rem;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.08)}
.faq-question{width:100%;background:none;border:none;padding:1.5rem 2rem;text-align:left;font-weight:600;font-size:1.1rem;color:#0a2540;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}
.faq-question:hover{background:#f8fafc}
.faq-answer{padding:0 2rem;max-height:0;overflow:hidden;transition:all .3s ease}
.faq-answer.active{max-height:200px;padding:0 2rem 1.5rem}
.process-step{position:relative;text-align:center;padding:2rem 1rem}
.step-number{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:40px;height:40px;background:linear-gradient(135deg,var(--ws-primary),var(--ws-primary-light));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;box-shadow:0 4px 15px rgba(0,0,0,.2)}

/* Buttons and form elements used later */
.btn-submit{display:inline-block;width:100%;padding:16px 32px;background:linear-gradient(135deg,var(--ws-accent),#ff8f00);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;text-decoration:none}
.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,165,0,.3);color:#fff}
.form-input{width:100%;padding:12px 16px;border:2px solid rgba(255,255,255,.3);border-radius:12px;background:rgba(255,255,255,.9);color:#1a202c;font-size:16px;transition:all .3s ease;margin-bottom:1rem}
.form-input:focus{outline:none;border-color:var(--ws-accent);box-shadow:0 0 0 3px rgba(255,165,0,.1)}
.form-input::placeholder{color:#64748b}

/* Responsive tweaks */
@media (max-width: 991px){
  .ws-pr-2{padding-right:0}
  .ws-pl-2{padding-left:0}
}
@media (max-width: 768px){
  .ws-hero-min{min-height:auto}
  .ws-hero-title{font-size:2.5rem}
  .ws-hero-h2{font-size:1.8rem}
  .benefits-grid{grid-template-columns:1fr}
}
@media (max-width: 576px){
  .ws-hero-title{font-size:2rem;line-height:1.3}
}

/* Sections and headings */
.ws-section{padding:5rem 0}
.ws-section-light{background:#fff}
.ws-section-dark{background:linear-gradient(135deg,var(--darker-bg,#0a0e1a),var(--dark-bg,#0d1421));color:#fff}
.ws-section-head{text-align:center;margin-bottom:4rem}
.ws-section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#0a2540}
.ws-section-sub{font-size:1.2rem;color:#64748b;max-width:700px;margin:0 auto}

/* Card internals for workshop listings */
.ws-card-body{padding:2rem}
.ws-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff;font-size:1.5rem}
.ws-icon-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}
.ws-icon-green{background:linear-gradient(135deg,#10b981,#059669)}
.ws-icon-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}
.ws-icon-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}
.ws-icon-red{background:linear-gradient(135deg,#ef4444,#dc2626)}
.ws-icon-cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}
.ws-card-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#0a2540}
.ws-card-text{color:#64748b;margin-bottom:1.5rem;line-height:1.6}
.ws-pills{margin-bottom:1.5rem}
.ws-pill{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;margin-right:.5rem}
.ws-pill-blue{background:#e0f2fe;color:#0277bd}
.ws-pill-purple{background:#f3e8ff;color:#7c3aed}
.ws-pill-green{background:#ecfdf5;color:#059669}
.ws-checklist{list-style:none;padding:0;margin-bottom:2rem}
.ws-checklist li{margin-bottom:.5rem;color:#64748b}
.ws-checklist li i{color:#10b981;margin-right:8px}

/* Dark cards (Earning Opportunities) */
.ws-dark-card{background:rgba(255,255,255,.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem;height:100%}
.ws-ring{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;color:#fff;font-size:2rem}
.ws-ring-success{background:linear-gradient(135deg,var(--ws-success),#66bb6a)}
.ws-ring-accent{background:linear-gradient(135deg,var(--ws-accent),#ff8f00)}
.ws-ring-primary{background:linear-gradient(135deg,var(--ws-primary-light,#5c6bc0),#5c6bc0)}
.ws-dark-title{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:var(--text-light,#e8eaf6)}
.ws-dark-text{color:rgba(255,255,255,.8);margin-bottom:2rem;line-height:1.6}
.ws-dark-stat{background:rgba(255,255,255,.1);padding:1.5rem;border-radius:15px;margin-bottom:1.5rem}
.ws-dark-stat-value{font-size:2rem;font-weight:700;color:var(--ws-accent)}
.ws-dark-stat-sub{font-size:.9rem;opacity:.8;color:#fff}
.ws-dark-list{list-style:none;padding:0;text-align:left}
.ws-dark-list li{margin-bottom:.8rem;display:flex;align-items:center;color:#fff}
.ws-dark-list li i{color:var(--ws-accent);margin-right:10px}

/* Dark section heading overrides */
.ws-section-dark .ws-section-title{color:var(--text-light,#e8eaf6)}
.ws-section-dark .ws-section-sub{color:rgba(255,255,255,.8)}

/* Registration Process: step items */
.ws-step-content{margin-top:2rem}
.ws-step-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;font-size:1.5rem}
.ws-step-icon i{color:#fff}
.ws-step-icon-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}
.ws-step-icon-green{background:linear-gradient(135deg,#10b981,#059669)}
.ws-step-icon-accent{background:linear-gradient(135deg,var(--ws-accent),#ff8f00)}
.ws-step-icon-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}
.ws-step-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#0a2540;text-align:center}
.ws-step-text{color:#64748b;line-height:1.6;text-align:center}

/* Buttons */
.btn-submit.auto{width:auto}

/* Text utilities */
.text-ws-primary-light{color:var(--ws-primary-light,#5c6bc0)!important}

/* Requirements box */
.ws-req-box{background:linear-gradient(135deg,var(--ws-primary),var(--ws-primary-light));color:#fff;padding:3rem;border-radius:20px;margin-top:3rem}
.ws-req-title{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#fff}
.ws-req-list{list-style:none;padding:0}
.ws-req-list li{margin-bottom:.8rem;display:flex;align-items:center}
.ws-req-list li i{color:var(--ws-accent);margin-right:10px}
.ws-req-cta-icon{font-size:2.5rem;font-weight:700;color:var(--ws-accent);margin-bottom:.5rem}
.ws-req-cta-sub{opacity:.9;font-size:1.1rem}

/* Spacing */
.ws-mt-1{margin-top:1rem}
.mr-10{margin-right:10px}
.no-underline{text-decoration:none}

/* Who Can Join - persona cards */
.ws-persona-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;padding:2rem;border:1px solid #e2e8f0;height:100%;text-align:center;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.05)}
.ws-persona-card:hover{transform:translateY(-10px)}
.ws-persona-green:hover{box-shadow:0 20px 40px rgba(34,197,94,.15);border-color:#22c55e}
.ws-persona-blue:hover{box-shadow:0 20px 40px rgba(59,130,246,.15);border-color:#3b82f6}
.ws-persona-purple:hover{box-shadow:0 20px 40px rgba(168,85,247,.15);border-color:#a855f7}
.ws-persona-amber:hover{box-shadow:0 20px 40px rgba(255,111,0,.15);border-color:#ff6f00}
.ws-persona-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:#fff}
.ws-persona-icon-green{background:linear-gradient(135deg,#22c55e,#16a34a)}
.ws-persona-icon-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}
.ws-persona-icon-purple{background:linear-gradient(135deg,#a855f7,#7c3aed)}
.ws-persona-icon-amber{background:linear-gradient(135deg,#ff6f00,#e65100)}
.ws-persona-title{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:#0a2540}
.ws-persona-list{list-style:none;padding:0;text-align:left;color:#64748b}
.ws-persona-list li{padding:.5rem 0;border-bottom:1px solid #e2e8f0}
.ws-persona-list li:last-child{border-bottom:none}

/* Real-Time Projects cards */
.ws-proj-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.1);height:100%;transition:all .3s ease}
.ws-proj-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px rgba(0,0,0,.15)}
.ws-proj-head{text-align:center;margin-bottom:2rem}
.ws-proj-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:2rem;color:#fff}
.ws-proj-icon-green{background:linear-gradient(135deg,#22c55e,#16a34a)}
.ws-proj-icon-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}
.ws-proj-icon-purple{background:linear-gradient(135deg,#a855f7,#7c3aed)}
.ws-proj-title{font-size:1.5rem;font-weight:600;margin-top:1rem;color:#0a2540}
.ws-proj-list{list-style:none;padding:0;margin:0}
.ws-proj-list li{padding:.8rem 0;border-bottom:1px solid #e2e8f0;color:#64748b;display:flex;justify-content:space-between}
.ws-proj-list li:last-child{border-bottom:none}
.ws-proj-price{color:#22c55e;font-weight:600}

/* Process (How it works) */
.ws-proc-box{margin-top:4rem;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:20px;padding:3rem;color:#fff}
.ws-proc-title{text-align:center;font-size:2rem;font-weight:600;margin-bottom:3rem;color:#fff}
.ws-proc-step{text-align:center;padding:1.5rem;background:rgba(255,255,255,.05);border-radius:15px;height:100%}
.ws-proc-num{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;color:#fff;font-weight:700}
.ws-proc-step-title{color:#fff;margin-bottom:.5rem}
.ws-proc-step-text{color:rgba(255,255,255,.7);margin:0;font-size:.9rem}
.bg-success{background:#22c55e}
.bg-blue{background:#3b82f6}
.bg-purple{background:#a855f7}
.bg-red{background:#ef4444}

/* FAQ styles */
.faq-container{max-width:900px;margin:0 auto}
.faq-box{background:#fff;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.08);overflow:hidden}
.faq-item{border-bottom:1px solid #e2e8f0}
.faq-item:last-child{border-bottom:none}
.faq-question{width:100%;text-align:left;padding:25px 30px;background:none;border:none;color:#0a2540;font-weight:600;font-size:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.faq-icon{color:#3b82f6;font-size:14px;transition:transform .3s}
.faq-answer{padding:0 30px;max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-answer.active{max-height:200px}
.faq-answer-inner{padding-bottom:25px;color:#64748b;line-height:1.6}

/* Benefits section items */
.ws-benefit-head{margin-bottom:2rem}
.ws-benefit-icon{font-size:3rem;margin-bottom:1rem}
.ws-benefit-title{font-size:1.8rem;font-weight:600;margin-bottom:.5rem;color:#0a2540}
.ws-benefit-text{color:#64748b}

/* Learning Benefits card (left) */
.ws-learn-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;padding:3rem;height:100%}
.ws-learn-title{font-size:2rem;font-weight:600;margin-bottom:2rem;color:#0a2540;text-align:center}
.ws-learn-item{display:flex;align-items:center;gap:15px;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05)}
.ws-learn-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}
.ws-learn-icon-green{background:linear-gradient(135deg,#22c55e,#16a34a)}
.ws-learn-icon-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}
.ws-learn-icon-purple{background:linear-gradient(135deg,#a855f7,#7c3aed)}
.ws-learn-icon-red{background:linear-gradient(135deg,#ef4444,#dc2626)}
.ws-learn-item h5{margin:0;color:#0a2540;font-weight:600}
.ws-learn-item p{margin:0;color:#64748b;font-size:.9rem}

/* Earning Opportunities (right dark card) */
.ws-earn-card{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:20px;padding:3rem;height:100%;color:#fff}
.ws-earn-title{font-size:2rem;font-weight:600;margin-bottom:2rem;color:#fff;text-align:center}
.ws-earn-item{display:flex;align-items:center;gap:15px;padding:1rem;background:rgba(255,255,255,.1);border-radius:12px;border:1px solid rgba(255,255,255,.2)}
.ws-earn-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}
.ws-earn-icon-green{background:linear-gradient(135deg,#22c55e,#16a34a)}
.ws-earn-icon-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}
.ws-earn-icon-purple{background:linear-gradient(135deg,#a855f7,#7c3aed)}
.ws-earn-icon-red{background:linear-gradient(135deg,#ef4444,#dc2626)}
.ws-earn-item h5{margin:0;color:#fff;font-weight:600}
.ws-earn-item p{margin:0;color:rgba(255,255,255,.7);font-size:.9rem}

/* Section background helpers */
.ws-section-soft{background:#f8fafc}
.ws-section-gradient-lt{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)}

/* Width utilities */
.ws-max-800{max-width:800px}