:root{--ws-primary:#2563eb;--ws-primary-light:#3b82f6;--ws-primary-dark:#1d4ed8;--ws-secondary:#06b6d4;--ws-text-primary:#1e293b;--ws-text-secondary:#475569;--ws-text-tertiary:#64748b;--ws-text-white:#ffffff;--ws-bg-main:linear-gradient(135deg,#eff6ff,#e0f2fe 50%,#dbeafe);--ws-bg-card:rgba(255,255,255,0.9);--ws-bg-section:rgba(255,255,255,0.5);--ws-bg-topics:rgba(37,99,235,0.05);--ws-border:rgba(255,255,255,0.5);--ws-border-footer:rgba(0,0,0,0.1);--ws-shadow:0 4px 6px rgba(0,0,0,0.1);--ws-shadow-md:0 8px 16px rgba(0,0,0,0.15);--ws-shadow-lg:0 20px 40px rgba(0,0,0,0.15);--ws-shadow-xl:0 12px 24px rgba(0,0,0,0.15);--ws-shadow-btn:0 8px 16px rgba(37,99,235,0.3);--ws-shadow-cta:0 8px 16px rgba(0,0,0,0.2);--ws-gradient:linear-gradient(90deg,#2563eb,#06b6d4);--ws-gradient-alt:linear-gradient(135deg,#3b82f6,#06b6d4);--ws-gradient-overlay:linear-gradient(90deg,#06b6d4,#2563eb);--ws-level-beginner:rgba(34,197,94,0.9);--ws-level-intermediate:rgba(251,146,60,0.9);--ws-level-advanced:rgba(239,68,68,0.9);--ws-radius:1rem;--ws-radius-lg:1.5rem;--ws-spacing:1.5rem;--ws-transition:0.3s cubic-bezier(0.4,0,0.2,1);--ws-transition-slow:0.6s ease-out}.dark-mode:root,:root.dark-mode,html.dark-mode{--ws-primary:#3b82f6;--ws-primary-light:#60a5fa;--ws-primary-dark:#2563eb;--ws-secondary:#22d3ee;--ws-text-primary:#f1f5f9;--ws-text-secondary:#cbd5e1;--ws-text-tertiary:#94a3b8;--ws-text-white:#ffffff;--ws-bg-main:linear-gradient(135deg,#020617,#0f172a 50%,#020617);--ws-bg-card:rgba(30,41,59,0.7);--ws-bg-section:rgba(15,23,42,0.5);--ws-bg-topics:rgba(96,165,250,0.1);--ws-border:rgba(71,85,105,0.4);--ws-border-footer:rgba(255,255,255,0.1);--ws-shadow:0 4px 6px rgba(0,0,0,0.3);--ws-shadow-md:0 8px 16px rgba(0,0,0,0.4);--ws-shadow-lg:0 20px 40px rgba(0,0,0,0.5);--ws-shadow-xl:0 12px 24px rgba(0,0,0,0.4);--ws-shadow-btn:0 8px 16px rgba(59,130,246,0.3);--ws-shadow-cta:0 8px 16px rgba(0,0,0,0.5);--ws-gradient:linear-gradient(90deg,#3b82f6,#22d3ee);--ws-gradient-alt:linear-gradient(135deg,#60a5fa,#22d3ee);--ws-gradient-overlay:linear-gradient(90deg,#22d3ee,#3b82f6);--ws-level-beginner:rgba(52,211,153,0.9);--ws-level-intermediate:rgba(251,191,36,0.9);--ws-level-advanced:rgba(248,113,113,0.9)}.workshop-container{min-height:100vh;background:var(--ws-bg-main);color:var(--ws-text-primary);overflow-x:hidden;transition:background var(--ws-transition),color var(--ws-transition)}.container{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%}.workshop-hero{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:2rem 1rem}.hero-background{position:absolute;inset:0;opacity:.3;transition:opacity var(--ws-transition)}.dark-mode .hero-background{opacity:.2}.gradient-overlay{inset:0;background:var(--ws-gradient-alt);opacity:.2}.glow-orb,.gradient-overlay{position:absolute;transition:background var(--ws-transition)}.glow-orb{border-radius:50%;filter:blur(60px);opacity:.3;animation:pulse 3s ease-in-out infinite;will-change:opacity}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.5}}.glow-orb-1{top:20%;left:20%;background:var(--ws-primary-light)}.glow-orb-1,.glow-orb-2{width:400px;height:400px}.glow-orb-2{bottom:20%;right:20%;background:var(--ws-secondary);animation-delay:1.5s}.circuit-pattern{position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233b82f6' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:60px 60px;transition:opacity var(--ws-transition)}.dark-mode .circuit-pattern{opacity:.1}.hero-content{position:relative;z-index:10;text-align:center;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--ws-bg-card);backdrop-filter:blur(12px);padding:.75rem 1.5rem;border-radius:9999px;margin-bottom:2rem;font-weight:600;color:var(--ws-text-primary);border:1px solid var(--ws-border);box-shadow:var(--ws-shadow);transition:all var(--ws-transition)}.badge-icon{font-size:1.5rem}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:1.5rem;background:var(--ws-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--ws-text-secondary);margin-bottom:2.5rem;line-height:1.6;transition:color var(--ws-transition)}.hero-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}@media (min-width:640px){.hero-buttons{flex-direction:row}}.btn-cta-primary,.btn-cta-secondary,.btn-enroll,.btn-primary,.btn-secondary{padding:1rem 2rem;font-weight:700;border-radius:.75rem;cursor:pointer;transition:all var(--ws-transition);text-decoration:none;border:none;box-shadow:var(--ws-shadow);pointer-events:auto;user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit;font-size:1rem;display:inline-flex;align-items:center;justify-content:center}.btn-enroll,.btn-primary{position:relative;background:var(--ws-gradient);color:var(--ws-text-white);overflow:hidden}.btn-enroll:hover,.btn-primary:hover{transform:scale(1.05);box-shadow:var(--ws-shadow-btn)}.btn-enroll:active,.btn-primary:active{transform:scale(1.02)}.btn-content{position:relative;z-index:10;display:flex;align-items:center;gap:.5rem}.btn-gradient-overlay{position:absolute;inset:0;background:var(--ws-gradient-overlay);opacity:0;transition:opacity var(--ws-transition)}.btn-primary:hover .btn-gradient-overlay{opacity:1}.btn-secondary{background:transparent;border:2px solid var(--ws-primary);color:var(--ws-primary);transition:all var(--ws-transition)}.btn-secondary:hover{background:var(--ws-primary);color:var(--ws-text-white);border-color:transparent;transform:scale(1.05)}.btn-secondary:active{transform:scale(1.02)}.arrow-icon{display:inline-block;width:1.2rem;height:1.2rem;border-right:2px solid;border-bottom:2px solid;transform:rotate(-45deg);transition:transform var(--ws-transition)}.btn-primary:hover .arrow-icon{transform:rotate(-45deg) translateX(4px)}.btn-arrow{transition:transform var(--ws-transition)}.btn-enroll:hover .btn-arrow{transform:translateX(4px)}.stats-section{padding:4rem 1rem;background:var(--ws-bg-section);transition:background var(--ws-transition)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--ws-spacing);max-width:1200px;margin:0 auto}.stat-card{background:var(--ws-bg-card);backdrop-filter:blur(12px);border:1px solid var(--ws-border);border-radius:var(--ws-radius);box-shadow:var(--ws-shadow);transition:all var(--ws-transition);padding:2rem;text-align:center}.stat-card:hover{transform:translateY(-8px);box-shadow:var(--ws-shadow-xl)}.stat-icon{font-size:3rem;display:block;margin-bottom:1rem}.stat-value{font-size:2rem;font-weight:800;color:var(--ws-primary);margin-bottom:.5rem}.stat-label,.stat-value{transition:color var(--ws-transition)}.stat-label{font-size:.875rem;color:var(--ws-text-tertiary);font-weight:600}.faq-section,.features-section,.testimonials-section,.workshops-section{padding:5rem 1rem}.workshops-section{background:linear-gradient(to bottom,transparent,var(--ws-bg-section),transparent)}.testimonials-section,.workshops-section{transition:background var(--ws-transition)}.testimonials-section{background:var(--ws-bg-section)}.section-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;text-align:center;margin-bottom:1rem;background:var(--ws-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{text-align:center;color:var(--ws-text-secondary);margin-bottom:3rem;font-size:1.125rem;max-width:800px;margin-left:auto;margin-right:auto;transition:color var(--ws-transition)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--ws-spacing);max-width:1200px;margin:0 auto}.feature-card{background:var(--ws-bg-card);backdrop-filter:blur(12px);border:1px solid var(--ws-border);border-radius:var(--ws-radius);box-shadow:var(--ws-shadow);transition:all var(--ws-transition);padding:2rem;text-align:center}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--ws-shadow-xl)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--ws-text-primary)}.feature-desc,.feature-title{transition:color var(--ws-transition)}.feature-desc{color:var(--ws-text-tertiary);font-size:.95rem;line-height:1.6}.workshops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.workshop-card{background:var(--ws-bg-card);backdrop-filter:blur(12px);border:1px solid var(--ws-border);border-radius:var(--ws-radius-lg);overflow:hidden;transition:all var(--ws-transition);box-shadow:var(--ws-shadow)}.workshop-card:hover{transform:translateY(-12px);box-shadow:var(--ws-shadow-lg)}.workshop-header{padding:2rem;background:var(--ws-gradient-alt);display:flex;align-items:center;justify-content:space-between;transition:background var(--ws-transition)}.workshop-icon-large{font-size:4rem;color:var(--ws-text-white)}.level-badge{padding:.5rem 1rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ws-text-white);transition:background var(--ws-transition)}.level-beginner{background:var(--ws-level-beginner)}.level-intermediate{background:var(--ws-level-intermediate)}.level-advanced{background:var(--ws-level-advanced)}.workshop-body{padding:2rem}.workshop-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--ws-text-primary);transition:color var(--ws-transition)}.workshop-description{color:var(--ws-text-tertiary);margin-bottom:1.5rem;line-height:1.6;transition:color var(--ws-transition)}.workshop-meta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--ws-text-secondary);transition:color var(--ws-transition)}.meta-icon{font-size:1.125rem}.workshop-topics{margin-bottom:1.5rem;padding:1rem;background:var(--ws-bg-topics);border-radius:.75rem;transition:background var(--ws-transition)}.topics-label{font-size:.875rem;font-weight:600;color:var(--ws-primary);margin-bottom:.75rem;transition:color var(--ws-transition)}.topics-list{display:flex;flex-direction:column;gap:.5rem}.topic-tag{font-size:.875rem;color:var(--ws-text-secondary);transition:color var(--ws-transition)}.workshop-footer{border-top:1px solid var(--ws-border-footer);padding-top:1.5rem;transition:border-color var(--ws-transition)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--ws-spacing);max-width:1200px;margin:0 auto}.testimonial-card{background:var(--ws-bg-card);backdrop-filter:blur(12px);border:1px solid var(--ws-border);border-radius:var(--ws-radius-lg);box-shadow:var(--ws-shadow);transition:all var(--ws-transition);padding:2rem}.testimonial-card:hover{transform:translateY(-8px);box-shadow:var(--ws-shadow-xl)}.testimonial-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.testimonial-avatar{font-size:3rem;flex-shrink:0}.testimonial-info{flex:1}.testimonial-name{font-weight:700;color:var(--ws-text-primary);margin-bottom:.25rem}.testimonial-name,.testimonial-role{transition:color var(--ws-transition)}.testimonial-role{font-size:.875rem;color:var(--ws-text-tertiary)}.testimonial-rating{display:flex;gap:.25rem;margin-top:.5rem}.star{font-size:1rem;color:var(--ws-warning,#fbbf24)}.testimonial-text{color:var(--ws-text-secondary);line-height:1.6;font-style:italic;transition:color var(--ws-transition)}.cta-section{padding:5rem 1rem;background:var(--ws-gradient);transition:background var(--ws-transition)}.cta-content{text-align:center;max-width:800px;margin:0 auto}.cta-icon{font-size:5rem;margin-bottom:1.5rem}.cta-icon,.cta-title{color:var(--ws-text-white)}.cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:1rem}.cta-description{font-size:clamp(1rem,2vw,1.25rem);color:rgba(255,255,255,.9);margin-bottom:2.5rem;line-height:1.6}.cta-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}@media (min-width:640px){.cta-buttons{flex-direction:row}}.btn-cta-primary{background:var(--ws-text-white);color:var(--ws-primary)}.btn-cta-primary:hover{transform:scale(1.05);box-shadow:var(--ws-shadow-cta)}.btn-cta-primary:active{transform:scale(1.02)}.btn-cta-secondary{background:transparent;color:var(--ws-text-white);border:2px solid var(--ws-text-white)}.btn-cta-secondary:hover{background:var(--ws-text-white);color:var(--ws-primary);transform:scale(1.05)}.btn-cta-secondary:active{transform:scale(1.02)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--ws-spacing);max-width:900px;margin:0 auto}.faq-item{background:var(--ws-bg-card);backdrop-filter:blur(12px);border:1px solid var(--ws-border);border-radius:var(--ws-radius);box-shadow:var(--ws-shadow);transition:all var(--ws-transition);padding:1.5rem}.faq-item:hover{transform:translateY(-4px);box-shadow:var(--ws-shadow-md)}.faq-question{display:flex;align-items:center;gap:.75rem;font-weight:700;color:var(--ws-text-primary);margin-bottom:.75rem;font-size:1.125rem}.faq-icon,.faq-question{transition:color var(--ws-transition)}.faq-icon{font-size:1.5rem;flex-shrink:0;color:var(--ws-primary)}.faq-answer{color:var(--ws-text-tertiary);line-height:1.6;padding-left:2.25rem;transition:color var(--ws-transition)}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity var(--ws-transition-slow),transform var(--ws-transition-slow);pointer-events:auto}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-on-scroll .filter-btn,.animate-on-scroll button{opacity:1!important;transform:none!important;pointer-events:auto!important}a:focus-visible,button:focus-visible{outline:3px solid var(--ws-primary);outline-offset:2px}@media (max-width:768px){.workshop-hero{min-height:60vh;padding:1rem .5rem}.faq-grid,.features-grid,.stats-grid,.testimonials-grid,.workshops-grid{grid-template-columns:1fr}.workshop-header{flex-direction:column;text-align:center;gap:1rem}.btn-cta-primary,.btn-cta-secondary,.btn-enroll,.btn-primary,.btn-secondary{width:100%;min-height:44px}.workshop-card{margin:0}.faq-item,.feature-card,.stat-card,.testimonial-card{padding:1.5rem}}@media (max-width:480px){.workshop-body,.workshop-header{padding:1.5rem}.cta-section{padding:3rem 1rem}}@media (prefers-reduced-motion:reduce){*,.animate-on-scroll{animation:none!important;transition:none!important;opacity:1;transform:none}}.faq-item,.feature-card,.stat-card,.testimonial-card,.workshop-card{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}*{transition:background-color var(--ws-transition),color var(--ws-transition),border-color var(--ws-transition),box-shadow var(--ws-transition)}