.section-wrap{max-width:var(--max-width-xl);margin:0 auto;padding:0 var(--space-6)}.label{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--primary);margin-bottom:var(--space-2)}.section-title{font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:800;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-h);margin-bottom:var(--space-4)}.section-sub{font-size:var(--text-lg);color:var(--text-b);line-height:var(--leading-loose);max-width:660px}.hero{background:var(--dark);background-size:cover;background-position:center;color:var(--text-light);padding:var(--space-24) var(--space-6) var(--space-20);text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(to bottom,#0f0f0fd1,#0f0f0fb3,#0f0f0feb),radial-gradient(ellipse at 70% 30%,rgba(232,160,32,.22) 0%,transparent 65%),radial-gradient(ellipse at 20% 80%,rgba(232,160,32,.1) 0%,transparent 60%)}.hero>*{position:relative;z-index:1}.hero .label{color:var(--primary)}.hero h1{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-5);line-height:1.15}.hero h1 span{color:var(--primary)}.hero-sub{font-size:var(--text-lg);color:#ffffffb8;max-width:640px;margin:0 auto var(--space-8);line-height:var(--leading-loose)}.hero-btns{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-10)}.hero-stats{display:flex;justify-content:center;gap:var(--space-12);flex-wrap:wrap;margin-top:var(--space-10);max-width:700px;margin-left:auto;margin-right:auto}.hero-stat{text-align:center}.hero-stat .num{font-size:var(--text-4xl);font-weight:800;color:var(--primary);display:block;line-height:var(--leading-none)}.hero-stat .desc{font-size:var(--text-xs);color:#ffffff8c;margin-top:var(--space-1);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.hero-badges{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-8)}.hero-badge{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);padding:var(--space-1-5) var(--space-4);font-size:var(--text-xs);color:#ffffffb3}.course-overview{padding:var(--space-20) var(--space-6);background:var(--bg-white)}.modules-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-12)}.module-card{border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;gap:var(--space-5);align-items:flex-start;background:var(--bg-page);transition:all var(--duration-base) var(--ease-default)}.module-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.mod-num-badge{background:var(--primary-lt);color:var(--primary);font-size:var(--text-xs);font-weight:800;letter-spacing:var(--tracking-wider);text-transform:uppercase;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);flex-shrink:0;min-width:42px;text-align:center;line-height:1.4}.module-card h3{font-size:var(--text-sm);font-weight:var(--font-bold);margin-bottom:var(--space-1);color:var(--text-h)}.module-card p{font-size:var(--text-xs);color:var(--text-b);line-height:var(--leading-normal)}.mod-content{flex:1;min-width:0}.mod-tags{display:flex;flex-wrap:wrap;gap:var(--space-1-5);margin-top:var(--space-2)}.mod-tag{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-sm);white-space:nowrap}.mod-tag-quiz{background:#3b82f61a;color:var(--accent-blue)}.mod-tag-scenario{background:#a855f71a;color:var(--accent-purple)}.mod-tag-badge{background:var(--primary-lt);color:var(--primary)}.module-card.completed{border-color:#22c55e59;background:#22c55e0a}.module-card.completed .mod-num-badge{background:#22c55e26;color:var(--success)}.module-progress{max-width:660px;margin:0 0 var(--space-8);padding:var(--space-4) var(--space-5);background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-xl)}.progress-label{display:flex;justify-content:space-between;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-h);margin-bottom:var(--space-2)}.progress-label #progress-xp{color:var(--primary)}.progress-track{height:8px;background:var(--border);border-radius:var(--radius-xs);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--warning));border-radius:var(--radius-xs);transition:width var(--duration-slower) var(--ease-default)}.gamify-section{padding:var(--space-20) var(--space-6);background:var(--bg-white)}.gamify-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-top:var(--space-12)}.gamify-card{background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;position:relative;overflow:hidden}.gamify-card-photo{padding:0}.gamify-card-img{width:100%;height:140px;object-fit:cover;display:block}.gamify-card-body{padding:var(--space-6) var(--space-5) var(--space-7)}.gamify-card h3{font-size:var(--text-base);font-weight:800;margin-bottom:var(--space-2);color:var(--text-h)}.gamify-card p{font-size:var(--text-sm);color:var(--text-b);line-height:var(--leading-relaxed)}.gamify-tag{display:inline-block;margin-top:var(--space-3);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--primary);background:var(--primary-lt);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.badge-section{padding:var(--space-20) var(--space-6);background:var(--dark);color:var(--text-light);position:relative;overflow:hidden}.badge-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-4);margin-top:var(--space-12)}.badge-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.badge-icon{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);border:2px solid rgba(255,255,255,.12);background:#ffffff0a;transition:all var(--duration-slow) var(--ease-default)}.badge-icon.locked{filter:grayscale(.8) brightness(.6);opacity:.55}.badge-icon.gold{border-color:#e8a02066;background:#e8a02014}.badge-icon.gold.locked{filter:grayscale(.6) brightness(.7);opacity:.65}.badge-item span{font-size:var(--text-xs);color:#ffffff73;font-weight:var(--font-semibold);line-height:var(--leading-snug);max-width:80px}.free-preview{padding:var(--space-20) var(--space-6);background:var(--bg-page)}.preview-box{background:var(--bg-white);border:2px solid var(--primary-lt);border-radius:var(--radius-xl);padding:var(--space-10);max-width:800px}.preview-tag{display:inline-block;background:var(--primary-lt);color:var(--primary);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:var(--tracking-widest);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.preview-box h3{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-4)}.preview-box p{font-size:var(--text-sm);color:var(--text-b);line-height:var(--leading-loose);margin-bottom:var(--space-5)}.roadmap-steps{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-6) 0 var(--space-8)}.roadmap-steps li{display:flex;align-items:flex-start;gap:var(--space-4)}.step-num{background:var(--primary);color:#fff;font-size:var(--text-xs);font-weight:800;border-radius:var(--radius-full);width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.step-content h4{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-h);margin-bottom:var(--space-0-5)}.step-content p{font-size:var(--text-xs);color:var(--text-b);line-height:var(--leading-normal)}.preview-checklist{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--bg-page);border-radius:var(--radius-xl);margin-top:var(--space-6)}.preview-checklist li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-b)}.preview-checklist li:before{content:"☐";color:var(--primary);font-size:var(--text-base)}.locked-section{padding:var(--space-20) var(--space-6);background:var(--bg-white)}.locked-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5);margin-top:var(--space-10);position:relative}.locked-grid:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,var(--bg-white) 70%);pointer-events:none}.locked-card{background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);opacity:.55}.locked-card h3{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-h);margin-bottom:var(--space-1)}.locked-card p{font-size:var(--text-xs);color:var(--text-b)}.lock-icon{font-size:var(--text-lg);margin-bottom:var(--space-2)}.unlock-cta{text-align:center;margin-top:var(--space-8);padding:var(--space-10);background:var(--dark);border-radius:var(--radius-xl);color:var(--text-light)}.unlock-cta h3{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-3)}.unlock-cta p{font-size:var(--text-sm);color:#ffffffa6;margin-bottom:var(--space-6);max-width:480px;margin-left:auto;margin-right:auto}.unlock-price{font-size:var(--text-3xl);font-weight:800;color:var(--primary);margin-bottom:var(--space-5)}.unlock-price span{font-size:var(--text-sm);font-weight:var(--font-medium);color:#ffffff80}.prereqs{padding:var(--space-20) var(--space-6);background:var(--bg-page)}.prereq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);margin-top:var(--space-10)}.prereq-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8)}.prereq-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.prereq-card h3{font-size:var(--text-base);font-weight:800;margin-bottom:var(--space-2)}.prereq-card p{font-size:var(--text-sm);color:var(--text-b);line-height:var(--leading-relaxed)}.trust{padding:var(--space-16) var(--space-6);background:var(--bg-white);text-align:center}.trust-grid{display:flex;justify-content:center;gap:var(--space-12);flex-wrap:wrap;margin-top:var(--space-8)}.trust-item{text-align:center;max-width:160px}.trust-icon{font-size:var(--text-4xl);margin-bottom:var(--space-2)}.trust-item p{font-size:var(--text-xs);color:var(--text-b);line-height:var(--leading-normal)}[data-theme=dark] .course-overview{background:var(--bg-page)}[data-theme=dark] .module-card{background:var(--bg-white);border-color:var(--border)}[data-theme=dark] .module-card:hover{border-color:#e8a0204d;box-shadow:var(--shadow-ring)}[data-theme=dark] .gamify-section{background:var(--bg-page)}[data-theme=dark] .gamify-card{background:var(--bg-white);border-color:var(--border)}[data-theme=dark] .free-preview{background:var(--bg-page)}[data-theme=dark] .preview-box{background:var(--bg-white);border-color:#e8a02033}[data-theme=dark] .preview-checklist{background:#ffffff0a}[data-theme=dark] .locked-section{background:var(--bg-page)}[data-theme=dark] .locked-card{background:var(--bg-white);border-color:var(--border)}[data-theme=dark] .locked-grid:after{background:linear-gradient(to bottom,transparent 0%,var(--bg-page) 70%)}[data-theme=dark] .prereqs{background:var(--bg-page)}[data-theme=dark] .prereq-card{background:var(--bg-white);border-color:var(--border)}[data-theme=dark] .trust{background:var(--bg-page)}@media(max-width:960px){.modules-grid,.prereq-grid{grid-template-columns:1fr}}@media(max-width:900px){.gamify-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.badge-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-5)}}@media(max-width:640px){.locked-grid{grid-template-columns:1fr}.hero-stats{gap:var(--space-6)}}@media(max-width:480px){.gamify-grid{grid-template-columns:1fr}}@media(max-width:400px){.badge-grid{grid-template-columns:repeat(3,1fr)}}