@import "https://cdn.jsdelivr.net/npm/@fontsource/lora@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/lora@latest/700.css";
*{margin:0;padding:0;border:0;box-sizing:border-box}
html,body,div,span,header,footer,main,nav,section,article,aside,h1,h2,h3,h4,h5,h6,p,a,ul,ol,li,form,label,input,textarea,button,select{margin:0;padding:0;border:0}
body{font-family:'Lora',serif;background:#FFF;color:#03010F;line-height:1.6}
.wrapper-main{max-width:1000px;margin:0 auto;padding:0 20px}
header{background:linear-gradient(137deg,#FFF 0%,#f5f5f5 100%);box-shadow:0 4px 16px #03010f14}
.top-bar{background:#03010F;padding:12px 0}
.top-bar .wrapper-main{text-align:center}
.brand-name{font-size:22px;font-weight:700;color:#FFF;letter-spacing:.5px}
.mid-section{padding:24px 0;border-bottom:1px solid #03010f1a}
.mid-content{display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo-box{flex-shrink:0}
.logo-box img{height:110px;width:110px;object-fit:contain;filter:drop-shadow(0 2px 8px #03010f1f)}
.contact-set{display:flex;gap:40px;flex-wrap:wrap}
.contact-item{display:flex;align-items:center;gap:10px}
.contact-item i{font-size:20px;color:#FE8016}
.contact-details{display:flex;flex-direction:column}
.contact-label{font-size:12px;color:#666;line-height:1.2}
.contact-value{font-size:15px;font-weight:700;color:#03010F;text-decoration:none}
.contact-value:hover{color:#FE8016;transition:color .3s ease}
.nav-wrapper{padding:16px 0}
.main-nav ul{display:flex;list-style:none;gap:8px;justify-content:center;flex-wrap:wrap}
.main-nav li{position:relative}
.main-nav a{display:block;padding:12px 24px;text-decoration:none;color:#03010F;font-weight:700;font-size:15px;border-radius:6px;background:transparent;transition:background .3s ease,color .3s ease}
.main-nav a:hover{background:#FE8016;color:#FFF}
.main-nav li:not(:last-child)::after{content:'';position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:1px;height:20px;background:#03010f33}
main{min-height:200px}
footer{background:#03010F;color:#FFF;padding:50px 0 30px;margin-top:80px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}
.footer-block h3{font-size:18px;margin-bottom:16px;color:#FE8016;font-weight:700}
.footer-block ul{list-style:none}
.footer-block li{margin-bottom:10px}
.footer-block a{color:#FFF;text-decoration:none;font-size:14px;transition:color .3s ease}
.footer-block a:hover{color:#FE8016}
.footer-block p{font-size:14px;line-height:1.7;color:#ffffffd9}
.footer-divider{height:2px;background:linear-gradient(90deg,#FE8016 0%,#03010F 50%,#FE8016 100%);margin:30px 0}
.footer-bottom{text-align:center;font-size:13px;color:#ffffffb3}
.consent-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#03010fbf;z-index:9999;align-items:center;justify-content:center;animation:fadeOvr .4s ease}
.consent-overlay.is-visible{display:flex}
@keyframes fadeOvr {
from{opacity:0}
to{opacity:1}
}
@keyframes slideTop {
from{opacity:0;transform:translateY(-40px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes slideOut {
from{opacity:1;transform:translateY(0)}
to{opacity:0;transform:translateY(-40px)}
}
.consent-box{background:#FFF;max-width:720px;width:90%;padding:36px;border-radius:12px;box-shadow:0 16px 48px #03010f4d;animation:slideTop .4s ease}
.consent-box.hiding{animation:slideOut .3s ease forwards}
.consent-title{font-size:22px;font-weight:700;margin-bottom:16px;color:#03010F}
.consent-text{font-size:14px;line-height:1.7;margin-bottom:24px;color:#333}
.privacy-opts{margin-bottom:24px;padding:20px;background:#f9f9f9;border-radius:8px;border-left:4px solid #FE8016}
.privacy-opts label{display:flex;align-items:center;margin-bottom:12px;cursor:pointer;font-size:14px}
.privacy-opts input[type="radio"]{margin-right:10px;width:18px;height:18px}
.data-sale-opt{margin-top:16px;padding-top:16px;border-top:1px solid #03010f1a}
.data-sale-opt label{display:flex;align-items:center;cursor:pointer;font-size:14px}
.data-sale-opt input[type="checkbox"]{margin-right:10px;width:18px;height:18px}
.consent-actions{display:flex;gap:16px;justify-content:flex-end}
.btn-accept,.btn-decline{padding:12px 28px;font-size:15px;font-weight:700;border-radius:6px;cursor:pointer;transition:background .3s ease,color .3s ease;font-family:'Lora',serif}
.btn-accept{background:#FE8016;color:#FFF}
.btn-accept:hover{background:#e5730f}
.btn-decline{background:transparent;color:#03010F;border:2px solid #03010F}
.btn-decline:hover{background:#03010F;color:#FFF}
@media (max-width: 1024px) {
.mid-content{flex-direction:column;text-align:center}
.contact-set{justify-content:center}
.main-nav ul{flex-direction:column;align-items:center}
.main-nav li:not(:last-child)::after{display:none}
}
@media (max-width: 640px) {
.brand-name{font-size:18px}
.logo-box img{height:80px;width:80px}
.contact-set{flex-direction:column;gap:20px}
.main-nav a{padding:10px 20px;font-size:14px}
.footer-grid{grid-template-columns:1fr}
.consent-box{padding:24px}
.consent-actions{flex-direction:column}
.btn-accept,.btn-decline{width:100%}
}
.policy-page{max-width:1000px;margin:0 auto;padding:60px 20px;background:linear-gradient(158deg,#FFF 0%,#FFF5EE 100%)}
.policy-page h1{font-size:42px;font-weight:700;color:#03010F;margin:0 0 16px;line-height:1.2;letter-spacing:-.5px}
.policy-page h2{font-size:32px;font-weight:600;color:#03010F;margin:48px 0 20px;line-height:1.3;padding-top:24px;border-top:2px solid #fe801626}
.policy-page h3{font-size:24px;font-weight:600;color:#03010F;margin:36px 0 16px;line-height:1.4}
.policy-page h4{font-size:20px;font-weight:600;color:#03010F;margin:28px 0 14px;line-height:1.4}
.policy-page h5{font-size:18px;font-weight:600;color:#03010F;margin:24px 0 12px;line-height:1.5}
.policy-page h6{font-size:16px;font-weight:600;color:#03010F;margin:20px 0 10px;line-height:1.5;text-transform:uppercase;letter-spacing:.5px}
.policy-page p{font-size:16px;line-height:1.8;color:#03010F;margin:0 0 20px;font-weight:400}
.policy-page ul{margin:0 0 24px;padding:0 0 0 24px;list-style-type:none}
.policy-page ul li{font-size:16px;line-height:1.8;color:#03010F;margin:0 0 12px;padding-left:28px;position:relative}
.policy-page ul li::before{content:'';position:absolute;left:0;top:11px;width:8px;height:8px;background:#FE8016;border-radius:50%}
.policy-page ol{margin:0 0 24px;padding:0 0 0 24px;counter-reset:policy-counter;list-style:none}
.policy-page ol li{font-size:16px;line-height:1.8;color:#03010F;margin:0 0 12px;padding-left:32px;position:relative;counter-increment:policy-counter}
.policy-page ol li::before{content:counter(policy-counter) ".";position:absolute;left:0;top:0;font-weight:600;color:#FE8016}
.policy-page strong,.policy-page b{font-weight:700;color:#03010F}
.policy-page em,.policy-page i{font-style:italic;color:#03010F}
.policy-page hr{border:none;height:2px;background:linear-gradient(90deg,#fe801600 0%,#fe80164d 50%,#fe801600 100%);margin:48px 0}
.policy-page div{margin:0 0 20px}
.policy-page h1 + p{font-size:18px;color:#03010fbf;margin-bottom:32px}
.policy-page ul ul,.policy-page ol ol,.policy-page ul ol,.policy-page ol ul{margin:12px 0}
.policy-page ul li:last-child,.policy-page ol li:last-child{margin-bottom:0}
@media (max-width: 1024px) {
.policy-page{padding:48px 24px}
.policy-page h1{font-size:36px}
.policy-page h2{font-size:28px;margin:40px 0 18px}
.policy-page h3{font-size:22px}
}
@media (max-width: 640px) {
.policy-page{padding:32px 16px}
.policy-page h1{font-size:32px;margin:0 0 12px}
.policy-page h2{font-size:24px;margin:32px 0 16px;padding-top:20px}
.policy-page h3{font-size:20px;margin:28px 0 14px}
.policy-page h4{font-size:18px}
.policy-page p{font-size:15px;line-height:1.7;margin:0 0 16px}
.policy-page ul li,.policy-page ol li{font-size:15px;line-height:1.7;padding-left:24px}
.policy-page ul li::before{top:10px;width:6px;height:6px}
.policy-page hr{margin:36px 0}
}
.MainBanner{background:linear-gradient(127deg,#03010F 0%,#1a0a2e 100%);padding:60px 20px;position:relative;overflow:hidden}
.MainBanner::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#fe801626 0%,transparent 70%);border-radius:50%;animation:pulseGlow 8s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{transform:scale(1);opacity:.4}
50%{transform:scale(1.1);opacity:.6}
}
.banner-wrap{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:50px;position:relative;z-index:2}
.banner-txt{flex:1}
.banner-txt h1{font-size:48px;color:#FFF;margin:0 0 20px;line-height:1.2;font-weight:700}
.banner-txt .SubLine{font-size:18px;color:#ffffffd9;line-height:1.6;margin:0 0 30px}
.banner-txt .ActionBtn{display:inline-block;background:#FE8016;color:#FFF;padding:14px 32px;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px #fe80164d}
.banner-txt .ActionBtn:hover{background:#e56d0a;transform:translateY(-2px);box-shadow:0 6px 24px #fe801666}
.banner-img-holder{width:320px;height:380px;position:relative}
.banner-img-holder::before{content:'';position:absolute;top:-15px;left:-15px;right:15px;bottom:15px;background:linear-gradient(135deg,#FE8016 0%,#ff9a3d 100%);border-radius:16px;z-index:1}
.banner-img-holder img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 12px 32px #03010f66}
.pathway-zone{padding:80px 20px;background:#FFF}
.pathway-zone .content-holder{max-width:1000px;margin:0 auto}
.pathway-zone h2{font-size:36px;color:#03010F;margin:0 0 40px;text-align:center}
.pathway-zone h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#FE8016 0%,#ff9a3d 100%);margin:16px auto 0;border-radius:2px}
.track-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:50px}
.track-item{background:#f8f9fa;padding:32px 24px;border-radius:12px;border:2px solid transparent;transition:all .3s ease;position:relative}
.track-item::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#FE8016 0%,#ff9a3d 100%);border-radius:12px 12px 0 0;opacity:0;transition:opacity .3s ease}
.track-item:hover{border-color:#FE8016;transform:translateY(-4px);box-shadow:0 8px 24px #fe801626}
.track-item:hover::before{opacity:1}
.track-item h3{font-size:22px;color:#03010F;margin:0 0 12px}
.track-item p{font-size:15px;color:#4a5568;line-height:1.6;margin:0}
.SkillBar-wrapper{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:50px 30px;border-radius:16px;margin-top:30px}
.SkillBar-wrapper h4{font-size:20px;color:#03010F;margin:0 0 24px;text-align:center}
.progress-group{display:flex;flex-direction:column;gap:20px}
.prog-row{display:flex;align-items:center;gap:16px}
.prog-label{font-size:14px;color:#03010F;font-weight:600;min-width:140px}
.prog-track{flex:1;height:8px;background:#FFF;border-radius:4px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #03010f1a}
.prog-fill{height:100%;background:linear-gradient(90deg,#FE8016 0%,#ff9a3d 100%);border-radius:4px;transition:width 1.5s ease}
.prog-percent{font-size:14px;color:#4a5568;font-weight:600;min-width:40px;text-align:right}
.trust-section{padding:80px 20px;background:linear-gradient(158deg,#03010F 0%,#1a0a2e 50%,#03010F 100%);position:relative}
.trust-section::before{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#FE8016 50%,transparent 100%)}
.trust-content{max-width:1000px;margin:0 auto}
.trust-content h2{font-size:36px;color:#FFF;margin:0 0 50px;text-align:center}
.trust-content h2::before{content:'';display:inline-block;width:6px;height:32px;background:#FE8016;margin-right:12px;vertical-align:middle;border-radius:3px}
.dual-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.testimonial-card{background:#ffffff0d;padding:30px;border-radius:12px;border:1px solid #fe801633;backdrop-filter:blur(10px)}
.testimonial-card .profile-section{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.testimonial-card .profile-pic{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #FE8016}
.testimonial-card .profile-info h5{font-size:18px;color:#FFF;margin:0 0 4px}
.testimonial-card .profile-info .role-tag{font-size:13px;color:#ffffffb3;margin:0}
.testimonial-card .quote-text{font-size:15px;color:#ffffffd9;line-height:1.7;margin:0;font-style:italic}
.stat-collection{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.stat-box{background:#fe80161a;padding:24px;border-radius:8px;border-left:4px solid #FE8016;text-align:center}
.stat-box .big-num{font-size:42px;color:#FE8016;font-weight:700;margin:0 0 8px;line-height:1}
.stat-box .stat-label{font-size:14px;color:#fffc;margin:0}
.trust-factors{margin-top:40px;display:flex;flex-direction:column;gap:16px}
.factor-item{display:flex;align-items:start;gap:12px;padding:16px;background:#ffffff08;border-radius:8px;transition:background .3s ease}
.factor-item:hover{background:#fe801614}
.factor-item .icon-check{width:24px;height:24px;flex-shrink:0}
.factor-item .factor-txt{flex:1}
.factor-item .factor-txt h6{font-size:16px;color:#FFF;margin:0 0 4px}
.factor-item .factor-txt p{font-size:14px;color:#ffffffb3;margin:0;line-height:1.5}
.ecosystem-area{padding:80px 20px;background:#FFF}
.ecosystem-area .inner-wrap{max-width:1000px;margin:0 auto}
.ecosystem-area h2{font-size:36px;color:#03010F;margin:0 0 16px}
.ecosystem-area .intro-text{font-size:17px;color:#4a5568;line-height:1.6;margin:0 0 50px;max-width:700px}
.journey-timeline{position:relative;padding-left:40px}
.journey-timeline::before{content:'';position:absolute;left:10px;top:20px;bottom:20px;width:3px;background:linear-gradient(180deg,#FE8016 0%,#ff9a3d 100%);border-radius:2px}
.timeline-step{position:relative;margin-bottom:40px;padding-left:30px}
.timeline-step::before{content:'';position:absolute;left:-30px;top:6px;width:16px;height:16px;background:#FE8016;border-radius:50%;border:3px solid #FFF;box-shadow:0 0 0 2px #FE8016}
.timeline-step h4{font-size:20px;color:#03010F;margin:0 0 8px}
.timeline-step p{font-size:15px;color:#4a5568;line-height:1.6;margin:0}
.image-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:50px}
.showcase-img{width:100%;height:260px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #03010f1a;transition:transform .3s ease}
.showcase-img:hover{transform:scale(1.03)}
@media (max-width: 1024px) {
.banner-wrap{flex-direction:column;text-align:center}
.banner-img-holder{width:280px;height:340px}
.banner-txt h1{font-size:38px}
.dual-layout{grid-template-columns:1fr}
.track-grid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.MainBanner{padding:40px 20px}
.banner-txt h1{font-size:32px}
.banner-txt .SubLine{font-size:16px}
.banner-img-holder{width:240px;height:300px}
.pathway-zone{padding:60px 20px}
.pathway-zone h2{font-size:28px}
.stat-collection{grid-template-columns:1fr}
.trust-section{padding:60px 20px}
.trust-content h2{font-size:28px}
.ecosystem-area{padding:60px 20px}
.ecosystem-area h2{font-size:28px}
.image-showcase{grid-template-columns:1fr}
.prog-row{flex-direction:column;align-items:stretch;gap:8px}
.prog-label{min-width:auto}
.prog-percent{text-align:left}
}
.PageEntry{background:linear-gradient(133deg,#FFF 0%,#FFF5ED 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.PageEntry::before{content:'';position:absolute;top:-120px;right:-80px;width:340px;height:340px;background:radial-gradient(circle,#fe801614 0%,transparent 70%);border-radius:50%}
.PageEntry::after{content:'';position:absolute;bottom:-60px;left:-100px;width:280px;height:280px;background:radial-gradient(circle,#03010f0a 0%,transparent 65%);border-radius:50%}
.EntryBounds{max-width:1000px;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}
.EntryBounds h1{font-size:48px;color:#03010F;margin:0 0 16px;font-weight:700;letter-spacing:-.5px}
.EntryBounds .IntroLine{font-size:19px;color:#03010F;opacity:.75;max-width:620px;line-height:1.6;margin:0 0 32px}
.HeaderVisualFrame{width:100%;max-width:680px;margin:0 auto;position:relative}
.HeaderVisualFrame img{width:100%;height:auto;display:block;border-radius:20px;box-shadow:0 16px 48px #03010f1f;position:relative}
.HeaderVisualFrame::before{content:'';position:absolute;inset:0;border-radius:20px;background:radial-gradient(circle at 30% 30%,transparent 30%,#03010f26 100%);pointer-events:none}
.ReachSection{padding:80px 20px;background:#FFF}
.ReachBounds{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.ContactDetails h2{font-size:36px;color:#03010F;margin:0 0 12px;font-weight:700}
.ContactDetails .SubText{font-size:17px;color:#03010F;opacity:.7;line-height:1.6;margin:0 0 40px}
.InfoChunk{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #03010f14}
.InfoChunk:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}
.InfoChunk h4{font-size:14px;color:#FE8016;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;font-weight:600}
.InfoChunk p{font-size:17px;color:#03010F;margin:0;line-height:1.7}
.InfoChunk a{color:#03010F;text-decoration:none;transition:color .3s ease}
.InfoChunk a:hover{color:#FE8016}
.FormWrapper{background:linear-gradient(145deg,#FAFAFA 0%,#FFF 100%);padding:40px;border-radius:20px;box-shadow:0 8px 24px #03010f0f}
.FormWrapper h3{font-size:24px;color:#03010F;margin:0 0 24px;font-weight:600}
.InputGroup{margin-bottom:20px}
.InputGroup label{display:block;font-size:15px;color:#03010F;margin-bottom:8px;font-weight:500}
.InputGroup input[type="text"],.InputGroup input[type="email"]{width:100%;padding:14px 16px;border:2px solid #03010f1a;border-radius:10px;font-size:16px;color:#03010F;background:#FFF;transition:border-color .3s ease,box-shadow .3s ease}
.InputGroup input[type="text"]:focus,.InputGroup input[type="email"]:focus{outline:none;border-color:#FE8016;box-shadow:0 0 0 3px #fe80161a}
.OptionSet{margin-bottom:24px}
.OptionSet h4{font-size:15px;color:#03010F;margin:0 0 12px;font-weight:500}
.CheckItem{margin-bottom:10px;display:flex;align-items:center}
.CheckItem input[type="checkbox"]{width:20px;height:20px;margin-right:10px;cursor:pointer;accent-color:#FE8016}
.CheckItem label{font-size:15px;color:#03010F;cursor:pointer;margin:0}
.PolicyCheck{margin-bottom:24px;display:flex;align-items:start}
.PolicyCheck input[type="checkbox"]{width:18px;height:18px;margin-right:10px;margin-top:2px;cursor:pointer;accent-color:#FE8016;flex-shrink:0}
.PolicyCheck label{font-size:14px;color:#03010F;opacity:.7;line-height:1.5;cursor:pointer;margin:0}
.PolicyCheck label a{color:#FE8016;text-decoration:none;transition:opacity .3s ease}
.PolicyCheck label a:hover{opacity:.8}
.SubmitBtn{width:100%;padding:16px 32px;background:linear-gradient(135deg,#FE8016 0%,#FF6B00 100%);color:#FFF;border:none;border-radius:10px;font-size:17px;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 16px #fe80164d}
.SubmitBtn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fe801666}
.VisualProofBlock{padding:80px 20px;background:linear-gradient(158deg,#F8F8F8 0%,#FFF 100%);position:relative}
.ProofBounds{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.ProofImage{position:relative}
.ProofImage img{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 40px #03010f1a}
.ProofContent h3{font-size:32px;color:#03010F;margin:0 0 16px;font-weight:700}
.ProofContent p{font-size:17px;color:#03010F;opacity:.75;line-height:1.7;margin:0 0 16px}
.TimeBlock{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:32px}
.TimeCard{background:#FFF;padding:20px;border-radius:12px;box-shadow:0 4px 12px #03010f0f;border-left:4px solid #FE8016}
.TimeCard h5{font-size:14px;color:#FE8016;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px;font-weight:600}
.TimeCard p{font-size:15px;color:#03010F;margin:0;opacity:.9}
@media (max-width: 1024px) {
.ReachBounds{grid-template-columns:1fr;gap:50px}
.ProofBounds{grid-template-columns:1fr;gap:40px}
.TimeBlock{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.PageEntry{padding:60px 20px 40px}
.EntryBounds h1{font-size:36px}
.EntryBounds .IntroLine{font-size:17px}
.ReachSection{padding:60px 20px}
.ContactDetails h2{font-size:28px}
.FormWrapper{padding:28px 20px}
.VisualProofBlock{padding:60px 20px}
.ProofContent h3{font-size:26px}
}
.intro-header-v2{max-width:1000px;margin:0 auto;padding:60px 20px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.intro-content-wrap{display:flex;flex-direction:column;gap:20px;position:relative}
.intro-content-wrap::before{content:'';position:absolute;top:-15px;left:0;width:60px;height:4px;background:linear-gradient(135deg,#FE8016 0%,#03010F 100%)}
.intro-main-head{font-size:2.6rem;line-height:1.2;color:#03010F;margin:0}
.intro-second-head{font-size:1.3rem;color:#FE8016;margin:0;font-weight:600}
.intro-description{font-size:1rem;line-height:1.6;color:#333}
.intro-visual-block{position:relative}
.intro-visual-block::after{content:'';position:absolute;top:20px;right:-20px;width:120px;height:120px;background:linear-gradient(225deg,#fe801626 0%,#03010f14 100%);border-radius:50%;z-index:-1}
.intro-main-pic{width:100%;height:420px;object-fit:cover;border-radius:8px;box-shadow:0 12px 24px #03010f1a}
.course-framework{background:linear-gradient(155deg,#f9f9f9 0%,#fff 100%);padding:70px 20px}
.course-framework-container{max-width:1000px;margin:0 auto}
.framework-top{text-align:center;margin-bottom:50px}
.framework-title{font-size:2.2rem;color:#03010F;margin:0 0 15px}
.framework-subtitle{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}
.framework-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.framework-item{background:#FFF;padding:35px 25px;border-radius:12px;box-shadow:0 8px 20px #03010f0f;transition:transform 0.3s,box-shadow .3s;position:relative;overflow:hidden}
.framework-item:hover{transform:translateY(-5px);box-shadow:0 14px 32px #fe801626}
.framework-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#FE8016 0%,#03010F 100%)}
.framework-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fe80161a 0%,#03010f0d 100%);border-radius:10px;margin-bottom:20px}
.framework-icon i{font-size:1.6rem;color:#FE8016}
.framework-item-title{font-size:1.3rem;color:#03010F;margin:0 0 12px;font-weight:600}
.framework-item-text{font-size:.95rem;color:#555;line-height:1.6;margin:0}
.study-path-section{padding:70px 20px}
.study-path-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:0.9fr 1.1fr;gap:60px;align-items:start}
.study-path-left{display:flex;flex-direction:column;gap:25px}
.study-path-heading{font-size:2.1rem;color:#03010F;margin:0;line-height:1.3}
.study-path-intro{font-size:1rem;color:#444;line-height:1.7;margin:0}
.study-path-img-holder{position:relative;margin-top:20px}
.study-path-img{width:100%;height:340px;object-fit:cover;border-radius:16px;box-shadow:0 10px 28px #03010f1f}
.study-path-img-holder::before{content:'';position:absolute;bottom:-15px;left:-15px;width:100px;height:100px;background:linear-gradient(45deg,#fe801633 0%,#03010f1a 100%);border-radius:50%;z-index:-1}
.study-path-stages{display:flex;flex-direction:column;gap:20px}
.stage-card{background:linear-gradient(120deg,#fff 0%,#f8f8f8 100%);border-left:4px solid #FE8016;padding:25px;border-radius:8px;box-shadow:0 6px 16px #03010f14;transition:background .3s}
.stage-card:hover{background:linear-gradient(120deg,#fff 0%,#fff5ed 100%)}
.stage-num{display:inline-block;background:linear-gradient(135deg,#FE8016 0%,#03010F 100%);color:#FFF;font-size:.85rem;font-weight:700;padding:5px 12px;border-radius:20px;margin-bottom:10px}
.stage-card-title{font-size:1.25rem;color:#03010F;margin:0 0 10px;font-weight:600}
.stage-card-detail{font-size:.95rem;color:#555;line-height:1.6;margin:0}
.instructor-team-wrapper{background:#03010F;padding:70px 20px}
.instructor-team-box{max-width:1000px;margin:0 auto}
.team-header-text{text-align:center;margin-bottom:50px}
.team-main-title{font-size:2.2rem;color:#FFF;margin:0 0 15px}
.team-desc{font-size:1.05rem;color:#fffc;max-width:650px;margin:0 auto;line-height:1.6}
.instructor-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.instructor-card{background:#FFF;border-radius:16px;overflow:hidden;box-shadow:0 10px 24px #00000026;transition:transform .3s}
.instructor-card:hover{transform:translateY(-8px)}
.instructor-photo{width:100%;height:280px;object-fit:cover}
.instructor-info{padding:25px 20px;background:linear-gradient(180deg,#FFF 0%,#f9f9f9 100%)}
.instructor-name{font-size:1.3rem;color:#03010F;margin:0 0 8px;font-weight:600}
.instructor-expertise{font-size:.9rem;color:#FE8016;margin:0 0 15px;font-weight:500}
.instructor-bio{font-size:.9rem;color:#555;line-height:1.6;margin:0}
.enrollment-action-wrapper{background:linear-gradient(165deg,#FE8016 0%,#03010F 100%);padding:80px 20px;text-align:center}
.enrollment-content{max-width:1000px;margin:0 auto}
.enrollment-heading{font-size:2.4rem;color:#FFF;margin:0 0 20px;line-height:1.2}
.enrollment-text{font-size:1.1rem;color:#ffffffe6;max-width:700px;margin:0 auto 40px;line-height:1.7}
.enrollment-cta{display:inline-block;background:#FFF;color:#03010F;font-size:1.1rem;font-weight:600;padding:16px 45px;border-radius:8px;text-decoration:none;box-shadow:0 8px 20px #0003;transition:background 0.3s,transform .3s}
.enrollment-cta:hover{background:#f5f5f5;transform:scale(1.05)}
@media (max-width: 1024px) {
.intro-header-v2{grid-template-columns:1fr;gap:40px}
.intro-main-head{font-size:2.2rem}
.framework-grid{grid-template-columns:repeat(2,1fr)}
.study-path-inner{grid-template-columns:1fr;gap:40px}
.instructor-cards-grid{grid-template-columns:repeat(2,1fr)}
.enrollment-heading{font-size:2rem}
}
@media (max-width: 640px) {
.intro-main-head{font-size:1.8rem}
.intro-second-head{font-size:1.1rem}
.framework-grid{grid-template-columns:1fr;gap:20px}
.framework-title{font-size:1.8rem}
.study-path-heading{font-size:1.7rem}
.study-path-img{height:260px}
.stage-card{padding:20px}
.team-main-title{font-size:1.8rem}
.instructor-cards-grid{grid-template-columns:1fr;gap:25px}
.enrollment-heading{font-size:1.7rem}
.enrollment-text{font-size:1rem}
.enrollment-cta{padding:14px 35px;font-size:1rem}
}
.TopZone{position:relative;overflow:hidden;padding:80px 20px;background:linear-gradient(142deg,#FE8016 0%,#03010F 100%)}
.TopZone .ContentWrap{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:60px}
.TopZone .TextSide{flex:1;color:#FFF;z-index:2;position:relative}
.TopZone .TextSide .MainTitle{font-size:48px;font-weight:700;margin:0 0 24px;line-height:1.2}
.TopZone .TextSide .DescText{font-size:18px;line-height:1.6;margin:0;opacity:.95}
.TopZone .PicSide{flex:0 0 420px;position:relative;margin-right:-120px}
.TopZone .PicSide img{width:100%;height:480px;object-fit:cover;border-radius:16px;box-shadow:0 12px 32px #03010f66;filter:brightness(1.05) saturate(0.95);transition:transform .4s ease,filter .4s ease}
.TopZone .PicSide img:hover{transform:scale(1.02);filter:brightness(1.1) saturate(1)}
.StorySection{padding:100px 20px;background:#FFF}
.StorySection .story-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.StorySection .LeftColumn{display:flex;flex-direction:column;gap:32px}
.StorySection .RightColumn{display:flex;flex-direction:column;gap:48px}
.StorySection .block-head{font-size:36px;font-weight:700;color:#03010F;margin:0 0 16px;line-height:1.3;position:relative;padding-left:20px}
.StorySection .block-head::before{content:'';position:absolute;left:0;top:8px;width:6px;height:60%;background:linear-gradient(180deg,#FE8016 0%,#03010F 100%);border-radius:3px}
.StorySection .text-chunk{font-size:16px;line-height:1.7;color:#03010F;margin:0 0 20px}
.StorySection .text-chunk:last-child{margin-bottom:0}
.StorySection .ImageBox{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #03010f1f}
.StorySection .ImageBox img{width:100%;height:340px;object-fit:cover;display:block;transition:transform .5s ease}
.StorySection .ImageBox:hover img{transform:scale(1.05)}
.StorySection .values-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.StorySection .val-card{background:linear-gradient(135deg,#FFF 0%,#f8f8f8 100%);padding:28px;border-radius:12px;border:2px solid #FE8016;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.StorySection .val-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #fe801633;border-color:#03010F}
.StorySection .val-card .val-icon{width:48px;height:48px;background:linear-gradient(135deg,#FE8016 0%,#03010F 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.StorySection .val-card .val-icon i{color:#FFF;font-size:24px}
.StorySection .val-card .val-title{font-size:18px;font-weight:700;color:#03010F;margin:0 0 8px}
.StorySection .val-card .val-text{font-size:14px;line-height:1.6;color:#03010F;margin:0;opacity:.85}
.StorySection .team-wrap{display:flex;gap:32px}
.StorySection .team-member{flex:1;background:#FFF;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px #03010f1a;transition:transform .3s ease,box-shadow .3s ease}
.StorySection .team-member:hover{transform:translateY(-6px);box-shadow:0 16px 36px #fe80162e}
.StorySection .team-member .member-photo{width:100%;height:280px;object-fit:cover}
.StorySection .team-member .member-info{padding:24px;background:linear-gradient(180deg,#FFF 0%,#f9f9f9 100%)}
.StorySection .team-member .member-name{font-size:20px;font-weight:700;color:#03010F;margin:0 0 6px}
.StorySection .team-member .member-role{font-size:14px;color:#FE8016;font-weight:600;margin:0 0 12px}
.StorySection .team-member .member-desc{font-size:14px;line-height:1.6;color:#03010F;margin:0;opacity:.8}
.StorySection .approach-list{display:flex;flex-direction:column;gap:20px}
.StorySection .approach-item{display:flex;align-items:start;gap:16px;padding:20px;background:linear-gradient(135deg,#f7f7f7 0%,#FFF 100%);border-radius:10px;border-left:4px solid #FE8016;transition:background .3s ease,border-color .3s ease}
.StorySection .approach-item:hover{background:linear-gradient(135deg,#FFF 0%,#f7f7f7 100%);border-color:#03010F}
.StorySection .approach-item .item-num{flex:0 0 40px;width:40px;height:40px;background:linear-gradient(135deg,#FE8016 0%,#03010F 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#FFF;font-weight:700;font-size:18px}
.StorySection .approach-item .item-content .item-title{font-size:16px;font-weight:700;color:#03010F;margin:0 0 6px}
.StorySection .approach-item .item-content .item-text{font-size:14px;line-height:1.6;color:#03010F;margin:0;opacity:.85}
@media (max-width: 1024px) {
.TopZone .ContentWrap{gap:40px}
.TopZone .PicSide{flex:0 0 360px;margin-right:-80px}
.TopZone .PicSide img{height:420px}
.StorySection .story-inner{gap:60px}
}
@media (max-width: 640px) {
.TopZone{padding:60px 20px}
.TopZone .ContentWrap{flex-direction:column;gap:32px}
.TopZone .PicSide{flex:1;width:100%;margin-right:0}
.TopZone .PicSide img{height:320px}
.TopZone .TextSide .MainTitle{font-size:36px}
.TopZone .TextSide .DescText{font-size:16px}
.StorySection{padding:60px 20px}
.StorySection .story-inner{grid-template-columns:1fr;gap:48px}
.StorySection .block-head{font-size:28px}
.StorySection .values-grid{grid-template-columns:1fr}
.StorySection .team-wrap{flex-direction:column}
.StorySection .team-member .member-photo{height:240px}
.StorySection .approach-item{flex-direction:column;align-items:start}
.StorySection .approach-item .item-num{flex:0 0 auto}
}
.SuccessStage{max-width:1000px;margin:80px auto;padding:0 20px}
.ResultCard{background:linear-gradient(145deg,#FFF 0%,#FFF5EE 100%);border-radius:24px;padding:60px 40px;box-shadow:0 16px 48px #03010f14;text-align:center;position:relative;overflow:hidden}
.ResultCard::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,#fe80161f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.ResultCard::after{content:'';position:absolute;bottom:-30%;left:-5%;width:300px;height:300px;background:radial-gradient(circle,#03010f0a 0%,transparent 70%);border-radius:50%;pointer-events:none}
.SuccessIcon-wrap{display:inline-block;margin-bottom:32px;position:relative;z-index:2}
.SuccessIcon-wrap svg{width:80px;height:80px;filter:drop-shadow(0 8px 16px #fe80164d)}
.SuccessIcon-wrap .circle-path{fill:none;stroke:#FE8016;stroke-width:3;stroke-linecap:round;stroke-dasharray:180;stroke-dashoffset:180;animation:draw-circle .8s ease-out forwards}
.SuccessIcon-wrap .check-path{fill:none;stroke:#FE8016;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:draw-check .6s ease-out .4s forwards}
@keyframes draw-circle {
to{stroke-dashoffset:0}
}
@keyframes draw-check {
to{stroke-dashoffset:0}
}
.ResultCard .main-headline{font-size:42px;font-weight:700;color:#03010F;margin:0 0 16px;line-height:1.2;position:relative;z-index:2}
.ResultCard .main-headline .accent-word{color:#FE8016;position:relative;display:inline-block}
.ResultCard .main-headline .accent-word::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,#FE8016 50%,transparent 100%)}
.ResultCard .sub-text{font-size:18px;color:#4A4A4A;margin:0 0 40px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.ActionButtons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.btn-primary-action{display:inline-block;padding:16px 36px;background:linear-gradient(135deg,#FE8016 0%,#FF9A42 100%);color:#FFF;text-decoration:none;border-radius:12px;font-size:16px;font-weight:600;box-shadow:0 8px 24px #fe801640;transition:all .3s ease;border:none;cursor:pointer;position:relative;overflow:hidden}
.btn-primary-action::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fff3,transparent);transition:left .5s ease}
.btn-primary-action:hover::before{left:100%}
.btn-primary-action:hover{transform:translateY(-2px);box-shadow:0 12px 32px #fe801659;background:linear-gradient(135deg,#FF9A42 0%,#FE8016 100%)}
.btn-secondary-action{display:inline-block;padding:16px 36px;background:transparent;color:#03010F;text-decoration:none;border-radius:12px;font-size:16px;font-weight:600;border:2px solid #03010F;transition:all .3s ease;cursor:pointer}
.btn-secondary-action:hover{background:#03010F;color:#FFF;transform:translateY(-2px);box-shadow:0 8px 24px #03010f33}
.InfoBox{margin-top:48px;padding:24px;background:#fe801614;border-radius:16px;border-left:4px solid #FE8016;position:relative;z-index:2}
.InfoBox .info-title{font-size:16px;font-weight:600;color:#03010F;margin:0 0 8px}
.InfoBox .info-detail{font-size:15px;color:#4A4A4A;margin:0;line-height:1.6}
.InfoBox .info-detail a{color:#FE8016;text-decoration:none;font-weight:600;transition:color .3s ease}
.InfoBox .info-detail a:hover{color:#03010F}
@media (max-width: 640px) {
.SuccessStage{margin:40px auto}
.ResultCard{padding:40px 24px}
.ResultCard .main-headline{font-size:32px}
.ResultCard .sub-text{font-size:16px}
.ActionButtons{flex-direction:column;gap:12px}
.btn-primary-action,.btn-secondary-action{width:100%;text-align:center}
.SuccessIcon-wrap svg{width:64px;height:64px}
}
@media (min-width: 641px) and (max-width: 1024px) {
.ResultCard .main-headline{font-size:36px}
.SuccessIcon-wrap svg{width:72px;height:72px}
}