@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--navy:#000;--navy2:#000;--gold:#f97316;--gold2:#e8c56a;--white:#fff;--off:#f7f6f2;--muted:#8892a4;--border:#c9a84c2e;--black:#0a0a0a;--text-dark:#1a1a1a;--gray-light:#f5f5f5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--white);color:var(--text-dark);line-height:1.6;overflow-x:hidden}.header{background:var(--white);z-index:40;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;gap:16px;padding:12px clamp(20px,5vw,80px);display:flex;position:sticky;top:0}.breadcrumb{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.breadcrumb a{color:var(--gold);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--black)}.header-cta{gap:8px;display:flex}.btn-sm{background:var(--gold);color:var(--white);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s}.btn-sm:hover{background:#ea6e1e;transform:translateY(-1px)}.hero{background:var(--white);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,5vw,60px);min-height:500px;padding:40px clamp(20px,5vw,80px);display:grid;position:relative}.hero-content{flex-direction:column;gap:24px;display:flex}.hero-tag{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;background:#f973161a;border-radius:100px;width:fit-content;padding:6px 14px;font-size:12px;font-weight:600;animation:.6s both fadeUp;display:inline-block}.hero-title{color:var(--black);font-size:clamp(32px,5vw,52px);font-weight:700;line-height:1.15;animation:.6s .1s both fadeUp}.hero-title span{color:var(--gold)}.hero-sub{color:#555;max-width:520px;font-size:clamp(14px,1.6vw,16px);line-height:1.7;animation:.6s .2s both fadeUp}.hero-highlights{flex-direction:column;gap:12px;animation:.6s .3s both fadeUp;display:flex}.highlight-item{color:#333;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.highlight-icon{width:28px;height:28px;color:var(--gold);background:#f973161f;border-radius:6px;place-items:center;font-size:14px;font-weight:700;display:grid}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:12px;animation:.6s .4s both fadeUp;display:flex}.btn-primary{background:var(--gold);color:var(--white);cursor:pointer;border:none;border-radius:8px;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-block;position:relative;overflow:hidden}.btn-primary:before{content:"";background:var(--black);z-index:-1;transform-origin:bottom;transition:transform .3s;position:absolute;inset:0;transform:scaleY(0)}.btn-outline{color:var(--gold);border:2px solid var(--white);cursor:pointer;background:0 0;border-radius:8px;padding:12px 30px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-block}.btn-outline:hover{background:var(--black);color:var(--white);transform:translateY(-2px)}.carousel-wrap{flex-direction:column;gap:16px;animation:.6s .5s both fadeUp;display:flex;position:relative}.carousel-container{aspect-ratio:4/3;background:var(--gray-light);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 12px 40px #0000001f}.carousel-slides{height:100%;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:flex}.carousel-slide{color:#0000001a;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#f9731626,#e8c56a1a);place-items:center;min-width:100%;height:100%;font-size:60px;display:grid}.carousel-slide img{object-fit:cover;object-position:center;width:100%;height:100%}.carousel-nav{z-index:10;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.carousel-dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:10px;height:10px;transition:all .3s}.carousel-dot.active{background:var(--gold);border-radius:100px;width:28px}.carousel-arrow{width:44px;height:44px;color:var(--white);cursor:pointer;z-index:10;background:#0003;border:none;border-radius:8px;place-items:center;font-size:20px;transition:all .25s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{background:#0006}.carousel-arrow.prev{left:12px}.carousel-arrow.next{right:12px}.carousel-counter{color:var(--muted);text-align:center;font-size:13px;font-weight:600}.section{max-width:1200px;margin:0 auto;padding:clamp(60px,8vw,100px) clamp(20px,5vw,80px)}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-size:11px;font-weight:700}.section-title{color:var(--black);max-width:600px;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.2}.section-title span{color:var(--gold)}.section-header{justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:48px;display:flex}.section-sub{color:#555;max-width:340px;font-size:15px;line-height:1.7}.why-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.why-card{background:var(--white);border:1px solid #e5e5e5;border-radius:12px;padding:32px 28px;transition:all .3s;position:relative;overflow:hidden}.why-card:before{content:"";background:linear-gradient(90deg, var(--gold), var(--gold2));transform-origin:0;height:4px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.why-card:hover{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 12px 40px #f973161f}.why-card:hover:before{transform:scaleX(1)}.why-icon{margin-bottom:16px;font-size:32px}.why-title{color:var(--black);margin-bottom:10px;font-size:18px;font-weight:700}.why-desc{color:#555;font-size:14px;line-height:1.65}.features-bg{background:var(--gray-light)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;display:grid}.feature-item{gap:16px;animation:.6s ease-out both fadeUp;display:flex}.feature-item:first-child{animation-delay:50ms}.feature-item:nth-child(2){animation-delay:.1s}.feature-item:nth-child(3){animation-delay:.15s}.feature-item:nth-child(4){animation-delay:.2s}.feature-item:nth-child(5){animation-delay:.25s}.feature-item:nth-child(6){animation-delay:.3s}.feature-dot{width:32px;min-width:32px;height:32px;color:var(--gold);background:#f9731626;border-radius:50%;place-items:center;font-weight:700;display:grid}.feature-content h4{color:var(--black);margin-bottom:4px;font-size:15px;font-weight:700}.feature-content p{color:#555;font-size:13.5px;line-height:1.6}.curriculum-bg{color:var(--white);background:#fff7f0}.curriculum-bg .section-label{color:var(--gold)}.curriculum-bg .section-title{color:var(--black)}.curriculum-bg .section-sub{color:#191919}.curriculum-tabs{flex-wrap:wrap;gap:8px;margin-top:36px;display:flex}.tab-btn{color:#1b1b1bd1;border:1px solid var(--gold);cursor:pointer;background:#ffffff14;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .25s}.tab-btn:hover,.tab-btn.active{background:var(--gold);color:var(--black);border-color:var(--gold)}.curriculum-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:32px;display:grid}.curriculum-item{color:#131313eb;background:#ffffff0d;border:1px solid #1a1a1a73;border-radius:10px;padding:16px 14px;font-size:13.5px;line-height:1.5;transition:all .25s}.curriculum-item:hover{border-color:var(--gold);color:var(--black);cursor:pointer;background:#f973161f}.timeline-bg{background:var(--off)}.timeline{padding:20px 0;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--gold), transparent);width:2px;position:absolute;top:0;bottom:0;left:30px}.timeline-item{border-bottom:1px solid #e5e5e5;margin-bottom:32px;margin-left:100px;padding-bottom:24px;position:relative}.timeline-item:last-child{border-bottom:none}.timeline-item:before{background:var(--gold);border:3px solid var(--white);width:16px;height:16px;box-shadow:0 0 0 3px var(--gold);border-radius:50%;position:absolute;top:0;left:-74px}.timeline-term{color:var(--black);margin-bottom:8px;font-size:16px;font-weight:700}.timeline-desc{color:#555;font-size:14px;line-height:1.65}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:40px;display:grid}.faq-item{background:var(--white);border:1px solid #e5e5e5;border-radius:10px;overflow:hidden}.faq-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:18px 20px;transition:background .2s;display:flex}.faq-item:hover .faq-header{background:#f9f9f9}.faq-q{color:var(--black);font-size:14px;font-weight:600}.faq-toggle{width:20px;height:20px;color:var(--gold);justify-content:center;align-items:center;font-size:18px;transition:transform .3s;display:flex}.faq-item.open .faq-toggle{transform:rotate(45deg)}.faq-body{max-height:0;transition:max-height .3s,padding .3s;overflow:hidden}.faq-item.open .faq-body{max-height:250px;padding:0 20px 16px}.faq-a{color:#555;font-size:13.5px;line-height:1.65}.cta-wrap{background:var(--black);color:var(--white);justify-content:center;align-items:center;padding:40px 0;display:flex}.cta-inner{text-align:center;max-width:700px}.cta-title{margin-bottom:14px;font-size:clamp(28px,4vw,44px);font-weight:700}.cta-title span{color:var(--gold)}.cta-sub{color:#ffffffb3;margin-bottom:32px;font-size:16px;line-height:1.7}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.hero{grid-template-columns:1fr}.carousel-container{aspect-ratio:16/9}}@media (max-width:768px){.section-header{flex-direction:column;gap:20px}.timeline:before{left:15px}.timeline-item{margin-left:60px}.timeline-item:before{left:-41px}.header{flex-wrap:wrap;gap:12px}.breadcrumb{order:2;width:100%;font-size:12px}.header-cta{flex-direction:column;order:1;width:100%}.btn-sm{text-align:center;width:100%}}@media (max-width:520px){.hero-title{font-size:24px}.section-title{font-size:22px}.carousel-arrow{width:36px;height:36px;font-size:16px}.carousel-arrow.prev{left:8px}.carousel-arrow.next{right:8px}.curriculum-tabs{flex-direction:column}.tab-btn{width:100%}.hero-highlights{gap:10px}.hero-ctas{flex-direction:column}.btn-primary,.btn-outline{text-align:center;width:100%}.why-grid{grid-template-columns:1fr}}