.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);color:var(--text-light);padding:var(--space-24) var(--space-6) var(--space-20);text-align:center;position:relative;overflow:hidden;background-size:cover;background-position:center 30%}.hero:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#0f0f0feb,#0f0f0fd9 40%,#0f0f0ff2),radial-gradient(ellipse at 70% 40%,rgba(232,160,32,.18) 0%,transparent 65%),radial-gradient(ellipse at 30% 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 p{font-size:var(--text-lg);color:#ffffffb8;max-width:640px;margin:0 auto var(--space-8);line-height:var(--leading-loose)}.hero-stats{display:flex;justify-content:center;gap:var(--space-12);flex-wrap:wrap;margin:var(--space-10) auto 0;max-width:700px}.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}.hero-actions{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-10)}.why-section{padding:var(--space-20) var(--space-6);background:var(--bg-white)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-top:var(--space-12)}.why-card{background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.why-card-photo{padding:0}.why-card-img{height:160px;overflow:hidden}.why-card-img img{width:100%;height:100%;object-fit:cover;display:block}.why-card-body{padding:var(--space-6) var(--space-7) var(--space-7)}.why-card h3{font-size:var(--text-lg);font-weight:800;margin-bottom:var(--space-2)}.why-card p{font-size:var(--text-sm);color:var(--text-b);line-height:var(--leading-relaxed)}@media(max-width:760px){.why-grid{grid-template-columns:1fr}}.learn-section{padding:var(--space-20) var(--space-6);background:var(--bg-page)}.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-12)}.learn-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-7)}.learn-card .lc-num{font-size:var(--text-xs);font-weight:800;letter-spacing:var(--tracking-wider);color:var(--primary);background:var(--primary-lt);display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.learn-card h3{font-size:var(--text-base);font-weight:800;margin-bottom:var(--space-2)}.learn-card p{font-size:var(--text-sm);color:var(--text-b);line-height:var(--leading-relaxed)}@media(max-width:760px){.learn-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.learn-grid{grid-template-columns:1fr}}.modules-section{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)}@media(max-width:760px){.modules-grid{grid-template-columns:1fr}}.for-section{padding:var(--space-20) var(--space-6);background:var(--dark);color:var(--text-light);position:relative;overflow:hidden}.for-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-12)}.for-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);overflow:hidden}.for-card-photo{padding:0}.for-card-img{height:180px;overflow:hidden}.for-card-img img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85}.for-card-body{padding:var(--space-6) var(--space-6) var(--space-7)}.for-card h3{font-size:var(--text-base);font-weight:800;margin-bottom:var(--space-2);color:#fff}.for-card p{font-size:var(--text-sm);color:#fff9;line-height:var(--leading-relaxed)}@media(max-width:760px){.for-grid{grid-template-columns:1fr}}.faq-section{padding:var(--space-20) var(--space-6);background:var(--bg-page)}.faq-list{max-width:760px;margin:var(--space-10) auto 0;display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);cursor:pointer;background:none;border:none;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-h);text-align:left;gap:var(--space-4)}.faq-q .icon{flex-shrink:0;color:var(--primary);font-size:var(--text-xl);transition:transform var(--duration-slow) var(--ease-default);line-height:var(--leading-none)}.faq-q.open .icon{transform:rotate(45deg)}.faq-a{display:none;padding:0 var(--space-6) var(--space-5);font-size:var(--text-sm);color:var(--text-b);line-height:var(--leading-loose)}.faq-a.open{display:block}.enroll-section{background:var(--dark);color:var(--text-light);padding:var(--space-20) var(--space-6);text-align:center;position:relative;overflow:hidden}.enroll-section h2{font-size:clamp(1.9rem,4vw,2.75rem);font-weight:800;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4)}.enroll-section p{color:#ffffffa6;font-size:var(--text-lg);max-width:560px;margin:0 auto var(--space-10);line-height:var(--leading-loose)}.enroll-price-box{display:inline-flex;align-items:baseline;gap:var(--space-2);background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-8);margin-bottom:var(--space-8)}.enroll-price-box .price{font-size:var(--text-4xl);font-weight:800;color:var(--primary)}.enroll-price-box .currency{font-size:var(--text-base);color:#ffffff80;font-weight:var(--font-medium)}.enroll-price-box .cadtag{font-size:var(--text-xs);color:#fff6;margin-left:var(--space-1)}.btn-white{background:#fff;color:var(--dark);border-color:#fff}.btn-white:hover{background:var(--gray-50)}.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)}@media(max-width:900px){.gamify-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.gamify-grid{grid-template-columns:1fr}}.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)}.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}@media(max-width:760px){.badge-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-5)}}@media(max-width:400px){.badge-grid{grid-template-columns:repeat(3,1fr)}}@media(hover:hover){.why-card-photo:hover .why-card-img img,.for-card-photo:hover .for-card-img img{transform:scale(1.04);transition:transform var(--duration-slow) var(--ease-default)}.why-card-img img,.for-card-img img{transition:transform var(--duration-slow) var(--ease-default)}}[data-theme=dark] .why-section{background:var(--bg-page)}[data-theme=dark] .why-card,[data-theme=dark] .learn-card{background:var(--bg-white);border-color:var(--border)}[data-theme=dark] .modules-section{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] .faq-section{background:var(--bg-page)}[data-theme=dark] .faq-item{background:var(--bg-white);border-color:var(--border)}