:root{--ws-primary:#2563eb;--ws-primary-light:#3b82f6;--ws-secondary:#06b6d4;--ws-text-primary:#1e293b;--ws-text-secondary:#475569;--ws-text-tertiary:#64748b;--ws-bg-main:linear-gradient(135deg,#eff6ff 0%,#e0f2fe 50%,#dbeafe 100%);--ws-bg-card:rgba(255,255,255,.9);--ws-bg-section:rgba(255,255,255,.5);--ws-border:rgba(255,255,255,.5);--ws-shadow:0 4px 6px rgba(0,0,0,.1);--ws-shadow-lg:0 20px 40px rgba(0,0,0,.15);--ws-gradient:linear-gradient(to right,#2563eb,#06b6d4);--ws-gradient-alt:linear-gradient(135deg,#3b82f6,#06b6d4);--ws-radius:1rem;--ws-radius-lg:1.5rem;--ws-spacing:1.5rem}@media (prefers-color-scheme:dark){:root{--ws-primary:#3b82f6;--ws-primary-light:#60a5fa;--ws-secondary:#22d3ee;--ws-text-primary:#f1f5f9;--ws-text-secondary:#cbd5e1;--ws-text-tertiary:#94a3b8;--ws-bg-main:linear-gradient(135deg,#020617 0%,#0f172a 50%,#020617 100%);--ws-bg-card:rgba(30,41,59,.7);--ws-bg-section:rgba(15,23,42,.5);--ws-border:rgba(71,85,105,.4);--ws-shadow:0 4px 6px rgba(0,0,0,.3);--ws-gradient:linear-gradient(to right,#3b82f6,#22d3ee);--ws-gradient-alt:linear-gradient(135deg,#60a5fa,#22d3ee)}}.workshop-container{background:var(--ws-bg-main);min-height:100vh;color:var(--ws-text-primary);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.workshop-hero{justify-content:center;align-items:center;min-height:80vh;padding:2rem 1rem;display:flex;position:relative;overflow:hidden}.hero-background{opacity:.3;position:absolute;top:0;bottom:0;left:0;right:0}@media (prefers-color-scheme:dark){.hero-background{opacity:.2}}.gradient-overlay{background:var(--ws-gradient-alt);opacity:.2;position:absolute;top:0;bottom:0;left:0;right:0}.glow-orb{filter:blur(60px);opacity:.3;will-change:opacity;border-radius:50%;animation:3s ease-in-out infinite pulse;position:absolute}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.5}}.glow-orb-1{background:var(--ws-primary-light);width:400px;height:400px;top:20%;left:20%}.glow-orb-2{background:var(--ws-secondary);width:400px;height:400px;animation-delay:1.5s;bottom:20%;right:20%}.circuit-pattern{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;position:absolute;top:0;bottom:0;left:0;right:0}@media (prefers-color-scheme:dark){.circuit-pattern{opacity:.1}}.hero-content{z-index:10;text-align:center;max-width:900px;position:relative}.hero-badge{background:var(--ws-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ws-text-primary);border:1px solid var(--ws-border);box-shadow:var(--ws-shadow);border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.badge-icon{font-size:1.5rem}.hero-title{background:var(--ws-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:max(2rem,min(5vw,3.5rem));font-weight:800;line-height:1.2}.hero-subtitle{color:var(--ws-text-secondary);margin-bottom:2.5rem;font-size:1.25rem;line-height:1.6}.hero-buttons{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}@media (min-width:640px){.hero-buttons{flex-direction:row}}.btn-primary,.btn-secondary,.btn-enroll,.btn-cta-primary,.btn-cta-secondary{cursor:pointer;box-shadow:var(--ws-shadow);pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;border-radius:.75rem;padding:1rem 2rem;font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s}.btn-primary,.btn-enroll{background:var(--ws-gradient);color:#fff;position:relative;overflow:hidden}.btn-primary:hover,.btn-enroll:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(37,99,235,.3)}.btn-content{z-index:10;align-items:center;gap:.5rem;display:flex;position:relative}.btn-gradient-overlay{background:linear-gradient(to right,var(--ws-secondary),var(--ws-primary));opacity:0;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.btn-primary:hover .btn-gradient-overlay{opacity:1}.btn-secondary{border:2px solid var(--ws-primary);color:var(--ws-primary);background:0 0}.btn-secondary:hover{background:var(--ws-primary);color:#fff;border-color:transparent;transform:scale(1.05)}.arrow-icon{border-bottom:2px solid;border-right:2px solid;width:1.2rem;height:1.2rem;transition:transform .3s;display:inline-block;transform:rotate(-45deg)}.btn-primary:hover .arrow-icon{transform:rotate(-45deg)translate(4px)}.btn-arrow{transition:transform .3s}.btn-enroll:hover .btn-arrow{transform:translate(4px)}.stat-card,.feature-card,.testimonial-card,.faq-item{background:var(--ws-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--ws-border);border-radius:var(--ws-radius);box-shadow:var(--ws-shadow);transition:transform .3s,box-shadow .3s}.stat-card:hover,.feature-card:hover,.testimonial-card:hover,.faq-item:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.stats-section{background:var(--ws-bg-section);padding:4rem 1rem}.stats-grid,.features-grid,.testimonials-grid,.faq-grid{gap:var(--ws-spacing);display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.features-grid,.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:900px;margin:0 auto}.stat-card{text-align:center;padding:2rem}.stat-icon{margin-bottom:1rem;font-size:3rem;display:block}.stat-value{color:var(--ws-primary);margin-bottom:.5rem;font-size:2rem;font-weight:800}.stat-label{color:var(--ws-text-tertiary);font-size:.875rem;font-weight:600}.features-section,.workshops-section,.testimonials-section,.faq-section{padding:5rem 1rem}.workshops-section{background:linear-gradient(to bottom,transparent,var(--ws-bg-section),transparent)}.testimonials-section{background:var(--ws-bg-section)}.section-title{text-align:center;background:var(--ws-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:max(2rem,min(4vw,2.5rem));font-weight:700}.section-subtitle{text-align:center;color:var(--ws-text-secondary);margin-bottom:3rem;font-size:1.125rem}.feature-card{text-align:center;padding:2rem}.feature-icon{margin-bottom:1rem;font-size:3rem}.feature-title{color:var(--ws-text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.feature-desc{color:var(--ws-text-tertiary);font-size:.95rem}.workshops-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.workshop-card{background:var(--ws-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--ws-border);border-radius:var(--ws-radius-lg);box-shadow:var(--ws-shadow);transition:transform .3s,box-shadow .3s;overflow:hidden}.workshop-card:hover{box-shadow:var(--ws-shadow-lg);transform:translateY(-12px)}.workshop-header{background:var(--ws-gradient-alt);justify-content:space-between;align-items:center;padding:2rem;display:flex}.workshop-icon-large{font-size:4rem}.level-badge{text-transform:uppercase;letter-spacing:.05em;color:#fff;border-radius:9999px;padding:.5rem 1rem;font-size:.75rem;font-weight:700}.level-beginner{background:rgba(34,197,94,.9)}.level-intermediate{background:rgba(251,146,60,.9)}.level-advanced{background:rgba(239,68,68,.9)}.workshop-body{padding:2rem}.workshop-title{color:var(--ws-text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.workshop-description{color:var(--ws-text-tertiary);margin-bottom:1.5rem;line-height:1.6}.workshop-meta{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.meta-item{color:var(--ws-text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.meta-icon{font-size:1.125rem}.workshop-topics{background:rgba(37,99,235,.05);border-radius:.75rem;margin-bottom:1.5rem;padding:1rem}@media (prefers-color-scheme:dark){.workshop-topics{background:rgba(96,165,250,.1)}}.topics-label{color:var(--ws-primary);margin-bottom:.75rem;font-size:.875rem;font-weight:600}.topics-list{flex-direction:column;gap:.5rem;display:flex}.topic-tag{color:var(--ws-text-secondary);font-size:.875rem}.workshop-footer{border-top:1px solid rgba(0,0,0,.1);padding-top:1.5rem}@media (prefers-color-scheme:dark){.workshop-footer{border-top-color:rgba(255,255,255,.1)}}.testimonial-card{border-radius:var(--ws-radius-lg);padding:2rem}.testimonial-header{align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.testimonial-avatar{flex-shrink:0;font-size:3rem}.testimonial-info{flex:1}.testimonial-name{color:var(--ws-text-primary);margin-bottom:.25rem;font-weight:700}.testimonial-role{color:var(--ws-text-tertiary);font-size:.875rem}.testimonial-rating{gap:.25rem;display:flex}.star{font-size:1rem}.testimonial-text{color:var(--ws-text-secondary);font-style:italic;line-height:1.6}.cta-section{background:var(--ws-gradient);padding:5rem 1rem}.cta-content{text-align:center;max-width:800px;margin:0 auto}.cta-icon{margin-bottom:1.5rem;font-size:5rem}.cta-title{color:#fff;margin-bottom:1rem;font-size:max(2rem,min(4vw,3rem));font-weight:800}.cta-description{color:rgba(255,255,255,.9);margin-bottom:2.5rem;font-size:1.25rem;line-height:1.6}.cta-buttons{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}@media (min-width:640px){.cta-buttons{flex-direction:row}}.btn-cta-primary{color:var(--ws-primary);background:#fff}.btn-cta-primary:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,.2)}.btn-cta-secondary{color:#fff;background:0 0;border:2px solid #fff}.btn-cta-secondary:hover{color:var(--ws-primary);background:#fff;transform:scale(1.05)}.faq-item{padding:1.5rem}.faq-item:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.15)}.faq-question{color:var(--ws-text-primary);align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:1.125rem;font-weight:700;display:flex}.faq-icon{flex-shrink:0;font-size:1.5rem}.faq-answer{color:var(--ws-text-tertiary);padding-left:2.25rem;line-height:1.6}.animate-on-scroll{opacity:0;pointer-events:auto;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-on-scroll button,.animate-on-scroll .filter-btn{opacity:1!important;pointer-events:auto!important;transform:none!important}@media (max-width:768px){.workshop-hero{min-height:60vh;padding:1rem .5rem}.stats-grid,.workshops-grid,.features-grid,.testimonials-grid,.faq-grid{grid-template-columns:1fr}.workshop-header{text-align:center;flex-direction:column;gap:1rem}.btn-primary,.btn-secondary,.btn-enroll,.btn-cta-primary,.btn-cta-secondary{width:100%;min-height:44px}}@media (prefers-reduced-motion:reduce){*,.animate-on-scroll{opacity:1;transform:none;transition:none!important;animation:none!important}}button:focus-visible{outline:3px solid var(--ws-primary);outline-offset:2px}a:focus-visible{outline:3px solid var(--ws-primary);outline-offset:2px}