*,::before,::after{margin:0;padding:0;border:0;box-sizing:border-box}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,ul,ol,li,nav,header,footer,main,section,article,aside,figure,figcaption,form,input,textarea,button,label,select,table,thead,tbody,tr,th,td,img{margin:0;padding:0;border:0}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'Lexend',sans-serif;background:#F0F6FE;color:#1a1a1a;line-height:1.6}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
ul,ol{list-style:none}
button{cursor:pointer;font-family:inherit}
.hdr-wrapper{background:#1a1a1a;border-bottom:4px solid #DDB30B}
.hdr-utility-bar{background:#DDB30B;padding:6px 0}
.hdr-utility-inner{max-width:1140px;margin:auto;padding:0 24px;display:flex;justify-content:flex-end;align-items:center;gap:24px}
.hdr-utility-bar .util-contact-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#1a1a1a;font-weight:700}
.hdr-utility-bar .util-contact-item ion-icon{font-size:14px}
.hdr-main-row{max-width:1140px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.site-logo-box{flex-shrink:0}
.site-logo-box a{display:flex;align-items:center}
.site-logo-box img{width:90px;height:90px;object-fit:contain;border:2px solid #DDB30B;border-radius:8px;background:#fff;padding:4px}
.hdr-center-name{flex:1;text-align:center}
.hdr-center-name .brand-name-text{font-size:clamp(22px,4vw,38px);font-weight:700;color:#fff;letter-spacing:3px;text-transform:uppercase;line-height:1.1}
.hdr-center-name .brand-tagline{font-size:11px;color:#DDB30B;letter-spacing:2px;text-transform:uppercase;margin-top:4px}
.main-nav{flex-shrink:0}
.main-nav ul{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.main-nav ul li a{display:block;padding:10px 14px;font-size:13px;font-weight:700;color:#ccc;text-transform:uppercase;letter-spacing:1px;border:2px solid transparent;border-radius:4px;transition:color 0.2s,border-color 0.2s,background .2s}
.main-nav ul li a:hover{color:#1a1a1a;background:#DDB30B;border-color:#DDB30B}
.main-nav ul li.is-active a{color:#1a1a1a;background:#DDB30B;border-color:#DDB30B}
.ftr-wrapper{background:#1a1a1a;border-top:4px solid #DDB30B;margin-top:60px}
.ftr-inner-box{max-width:1140px;margin:auto;padding:48px 24px 24px}
.ftr-content-row{display:flex;gap:48px;flex-wrap:wrap;margin-bottom:40px}
.ftr-brand-col{flex:1 1 260px}
.ftr-brand-col .ftr-logo-box img{width:70px;height:70px;object-fit:contain;border:2px solid #DDB30B;border-radius:8px;background:#fff;padding:3px;margin-bottom:16px}
.ftr-brand-col .ftr-company-name{font-size:20px;font-weight:700;color:#fff;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}
.ftr-brand-col .ftr-desc{font-size:13px;color:#999;line-height:1.7}
.ftr-links-col{flex:1 1 180px}
.ftr-links-col .ftr-col-heading{font-size:12px;font-weight:700;color:#DDB30B;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}
.ftr-links-col ul li{margin-bottom:10px}
.ftr-links-col ul li a{font-size:13px;color:#999;transition:color .2s}
.ftr-links-col ul li a:hover{color:#DDB30B}
.ftr-contact-col{flex:1 1 220px}
.ftr-contact-col .ftr-col-heading{font-size:12px;font-weight:700;color:#DDB30B;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}
.ftr-contact-col .ftr-contact-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
.ftr-contact-col .ftr-contact-item ion-icon{font-size:16px;color:#DDB30B;flex-shrink:0;margin-top:2px}
.ftr-contact-col .ftr-contact-item span{font-size:13px;color:#999;line-height:1.5}
.ftr-bottom-bar{border-top:1px solid #333;padding-top:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.ftr-bottom-bar .ftr-copyright{font-size:12px;color:#666}
.ftr-bottom-bar .ftr-policy-links{display:flex;gap:20px;flex-wrap:wrap}
.ftr-bottom-bar .ftr-policy-links a{font-size:12px;color:#666;transition:color .2s}
.ftr-bottom-bar .ftr-policy-links a:hover{color:#DDB30B}
.cookie-card-wrapper{position:fixed;left:20px;top:50%;transform:translateY(-50%) translateX(-120%);z-index:9999;width:320px;transition:transform .4s cubic-bezier(0.25,0.46,0.45,0.94)}
.cookie-card-wrapper.is-visible{transform:translateY(-50%) translateX(0)}
.cookie-card-box{background:#fff;border-radius:16px;box-shadow:0 8px 40px #0000002e 0 0 0 3px #DDB30B;padding:24px}
.cookie-card-box .cookie-hdr-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.cookie-card-box .cookie-hdr-row ion-icon{font-size:22px;color:#DDB30B}
.cookie-card-box .cookie-hdr-row h3{font-size:15px;font-weight:700;color:#1a1a1a}
.cookie-card-box .cookie-body-text{font-size:12px;color:#555;line-height:1.6;margin-bottom:16px}
.cookie-toggles-list{margin-bottom:16px;display:flex;flex-direction:column;gap:10px}
.cookie-toggle-item{display:flex;align-items:center;justify-content:space-between}
.cookie-toggle-item .toggle-label-text{font-size:12px;color:#333;font-weight:700}
.cookie-toggle-item .toggle-switch{position:relative;width:38px;height:20px}
.cookie-toggle-item .toggle-switch input{opacity:0;width:0;height:0}
.toggle-slider{position:absolute;inset:0;background:#ddd;border-radius:20px;cursor:pointer;transition:background .2s}
.toggle-slider::before{content:'';position:absolute;width:14px;height:14px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}
.cookie-toggle-item .toggle-switch input:checked + .toggle-slider{background:#DDB30B}
.cookie-toggle-item .toggle-switch input:checked + .toggle-slider::before{transform:translateX(18px)}
.cookie-toggle-item .toggle-required-badge{font-size:10px;color:#782C12;font-weight:700;background:#782c121a;padding:2px 6px;border-radius:4px}
.cookie-btn-row{display:flex;gap:10px}
.cookie-btn-row .btn-cookie-accept{flex:1;padding:9px 12px;border:2px solid #DDB30B;background:transparent;color:#1a1a1a;font-size:12px;font-weight:700;border-radius:8px;font-family:'Lexend',sans-serif;transition:background 0.2s,color .2s}
.cookie-btn-row .btn-cookie-accept:hover{background:#DDB30B}
.cookie-btn-row .btn-cookie-decline{flex:1;padding:9px 12px;border:2px solid #ccc;background:transparent;color:#777;font-size:12px;font-weight:700;border-radius:8px;font-family:'Lexend',sans-serif;transition:border-color 0.2s,color .2s}
.cookie-btn-row .btn-cookie-decline:hover{border-color:#782C12;color:#782C12}
@media (max-width: 768px) {
.hdr-main-row{flex-direction:column;text-align:center;padding:16px;gap:14px}
.hdr-center-name{order:-1}
.site-logo-box{order:0}
.main-nav{order:1;width:100%}
.main-nav ul{justify-content:center}
.hdr-utility-inner{justify-content:center;flex-wrap:wrap;gap:12px}
.ftr-content-row{flex-direction:column;gap:28px}
.ftr-bottom-bar{flex-direction:column;align-items:flex-start}
.cookie-card-wrapper{left:10px;width:calc(100vw - 20px)}
}
@media (max-width: 480px) {
.main-nav ul li a{padding:8px 10px;font-size:11px}
.hdr-center-name .brand-name-text{font-size:22px}
}
.agreement-content{max-width:1140px;margin:0 auto;padding:48px 32px 64px;background:#fff;border-radius:28px;box-shadow:0 8px 40px #ddb30b1a 0 2px 8px #782c1212;font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.85;color:#1a1a1a}
.agreement-content h1{font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.2;color:#782C12;margin:0 0 32px;padding-bottom:18px;border-bottom:3px solid #DDB30B;letter-spacing:-.5px;font-family:'Segoe UI',Arial,sans-serif}
.agreement-content h2{font-size:clamp(20px,3vw,30px);font-weight:700;line-height:1.3;color:#782C12;margin:48px 0 16px;font-family:'Segoe UI',Arial,sans-serif;padding-left:14px;border-left:4px solid #DDB30B}
.agreement-content h3{font-size:clamp(17px,2.5vw,22px);font-weight:700;line-height:1.4;color:#5a1e08;margin:36px 0 12px;font-family:'Segoe UI',Arial,sans-serif}
.agreement-content h4{font-size:clamp(15px,2vw,19px);font-weight:700;line-height:1.45;color:#333;margin:28px 0 10px;font-family:'Segoe UI',Arial,sans-serif;text-transform:uppercase;letter-spacing:.4px;font-size:15px}
.agreement-content h5{font-size:15px;font-weight:700;line-height:1.5;color:#444;margin:22px 0 8px;font-family:'Segoe UI',Arial,sans-serif}
.agreement-content h6{font-size:13px;font-weight:700;line-height:1.5;color:#666;margin:18px 0 6px;font-family:'Segoe UI',Arial,sans-serif;text-transform:uppercase;letter-spacing:.6px}
.agreement-content p{margin:0 0 20px;color:#2d2d2d}
.agreement-content ul{margin:0 0 24px;padding-left:0;list-style:none}
.agreement-content ol{margin:0 0 24px;padding-left:24px;list-style:decimal}
.agreement-content ul li{position:relative;padding-left:26px;margin-bottom:10px;color:#2d2d2d;line-height:1.75}
.agreement-content ul li::before{content:'';position:absolute;left:0;top:11px;width:10px;height:10px;border-radius:50%;background:#DDB30B;box-shadow:0 2px 6px #ddb30b59}
.agreement-content ol li{margin-bottom:10px;color:#2d2d2d;line-height:1.75;padding-left:6px}
.agreement-content ul ul,.agreement-content ol ol,.agreement-content ul ol,.agreement-content ol ul{margin-top:8px;margin-bottom:8px}
.agreement-content ul ul li::before{background:#ddb30b73;width:8px;height:8px;top:12px}
.agreement-content strong{font-weight:700;color:#1a1a1a}
.agreement-content b{font-weight:700;color:#782C12}
.agreement-content a{color:#782C12;text-decoration:underline;text-decoration-color:#ddb30b99;text-underline-offset:3px;text-decoration-thickness:2px;transition:color .2s ease,text-decoration-color .2s ease;font-weight:600}
.agreement-content a:hover{color:#DDB30B;text-decoration-color:#DDB30B}
.agreement-content a:visited{color:#5a1e08;text-decoration-color:#5a1e0866}
.agreement-content table{width:100%;border-collapse:collapse;margin:28px 0 36px;border-radius:16px;overflow:hidden;box-shadow:0 4px 18px #ddb30b1f 0 2px 6px #00000012;font-size:15px;font-family:'Segoe UI',Arial,sans-serif}
.agreement-content table thead{background:linear-gradient(135deg,#782C12 0%,#a33d18 100%)}
.agreement-content table thead tr{border:none}
.agreement-content table thead th{padding:16px 20px;text-align:left;font-weight:700;font-size:13px;letter-spacing:.7px;text-transform:uppercase;color:#fff;border:none}
.agreement-content table tbody{background:#fff}
.agreement-content table tbody tr{border-bottom:1px solid #ddb30b2e;transition:background .15s ease}
.agreement-content table tbody tr:last-child{border-bottom:none}
.agreement-content table tbody tr:nth-child(even){background:#F0F6FE}
.agreement-content table tbody tr:hover{background:#ddb30b14}
.agreement-content table tbody td{padding:14px 20px;color:#2d2d2d;vertical-align:top;border:none;line-height:1.65}
.agreement-content table tbody td:first-child{font-weight:600;color:#782C12}
.agreement-content hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#ddb30b80 30%,#782c1266 60%,transparent 100%);margin:40px 0;border-radius:2px}
.agreement-content div{box-sizing:border-box}
.agreement-content div + div{margin-top:12px}
@media (max-width: 900px) {
.agreement-content{padding:36px 24px 48px;border-radius:20px}
.agreement-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}
.agreement-content h2{margin:36px 0 14px}
}
@media (max-width: 600px) {
.agreement-content{padding:24px 16px 36px;border-radius:16px;font-size:16px}
.agreement-content h1{margin-bottom:24px;padding-bottom:14px}
.agreement-content h2{margin:28px 0 12px;padding-left:10px;border-left-width:3px}
.agreement-content h3{margin:22px 0 10px}
.agreement-content table thead th,.agreement-content table tbody td{padding:12px 14px;font-size:14px}
.agreement-content ul li{padding-left:22px}
.agreement-content hr{margin:28px 0}
}
.HeroBox{position:relative;overflow:hidden;min-height:560px;display:flex;align-items:center;justify-content:center}
.HeroBox .HeroBgImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(6px) brightness(0.45);transform:scale(1.06);animation:HeroSoftPulse 7s ease-in-out infinite alternate}
@keyframes HeroSoftPulse {
0%{transform:scale(1.06)}
100%{transform:scale(1.12)}
}
.HeroBox .HeroGeoShape{position:absolute;border-radius:50%;pointer-events:none}
.HeroBox .HeroGeoShape.shape-a{width:320px;height:320px;top:-80px;left:-60px;background:#ddb30b2e;border:2px solid #ddb30b47}
.HeroBox .HeroGeoShape.shape-b{width:180px;height:180px;bottom:-40px;right:8%;background:#782c1238;border:2px solid #782c124d;border-radius:36px;transform:rotate(22deg)}
.HeroBox .HeroGeoShape.shape-c{width:90px;height:90px;top:30%;right:18%;background:#ddb30b1f;border:1.5px solid #ddb30b33;border-radius:50%}
.HeroBox .HeroContentWrap{position:relative;z-index:2;text-align:center;padding:64px 24px 60px;max-width:760px;margin:0 auto}
.HeroBox .HeroBackdrop{background:#0a080685;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:28px;border:1px solid #ddb30b38;padding:52px 44px 48px;box-shadow:0 8px 40px #ddb30b1a 0 2px 16px #00000047}
.HeroBox .HeroBadge{display:inline-block;background:#ddb30b2e;border:1px solid #ddb30b7a;color:#DDB30B;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 18px;border-radius:40px;margin-bottom:22px}
.HeroBox .HeroTitle{font-size:clamp(28px,5vw,52px);font-weight:800;color:#fff;line-height:1.18;margin:0 0 18px;letter-spacing:-.5px}
.HeroBox .HeroTitle span{color:#DDB30B}
.HeroBox .HeroSubtitle{font-size:clamp(15px,2vw,18px);color:#f0f6fed1;line-height:1.65;margin:0 0 32px;max-width:560px;margin-left:auto;margin-right:auto}
.HeroBox .HeroBtnGroup{display:flex;flex-direction:row;gap:14px;justify-content:center;flex-wrap:wrap}
.HeroBox .HeroBtnPrimary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#DDB30B 60%,#b8900a);color:#1a1200;font-size:15px;font-weight:700;padding:14px 32px;border-radius:40px;text-decoration:none;border:none;box-shadow:0 4px 18px #ddb30b52;transition:transform 0.18s,box-shadow .18s;position:relative;z-index:3}
.HeroBox .HeroBtnPrimary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ddb30b6b}
.HeroBox .HeroBtnOutline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fff;font-size:15px;font-weight:600;padding:13px 28px;border-radius:40px;text-decoration:none;border:1.5px solid #ffffff61;transition:border-color 0.18s,background .18s;position:relative;z-index:3}
.HeroBox .HeroBtnOutline:hover{border-color:#DDB30B;background:#ddb30b14;color:#DDB30B}
.TrustSection{background:#F0F6FE;padding:72px 20px 68px}
.TrustSection .TrustInner{max-width:1140px;margin:0 auto}
.TrustSection .TrustHeaderBox{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:48px;max-width:560px}
.TrustSection .TrustLabel{display:inline-block;background:#782c121a;color:#782C12;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:4px 14px;border-radius:30px;margin-bottom:14px}
.TrustSection .TrustHeading{font-size:clamp(22px,3.5vw,36px);font-weight:800;color:#1a1200;line-height:1.22;margin:0 0 12px}
.TrustSection .TrustHeading em{font-style:normal;color:#782C12}
.TrustSection .TrustLead{font-size:15px;color:#4a4030;line-height:1.65;margin:0}
.TrustGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}
.TrustCard{background:#fff;border-radius:24px;padding:32px 28px 28px;box-shadow:0 4px 20px #ddb30b14 0 1px 4px #0000000f;border:1px solid #ddb30b24;display:flex;flex-direction:column;gap:12px;transition:box-shadow 0.2s,transform .2s}
.TrustCard:hover{box-shadow:0 8px 32px #ddb30b29 0 2px 8px #00000014;transform:translateY(-3px)}
.TrustCard .TrustCardIcon{width:48px;height:48px;background:linear-gradient(135deg,#ddb30b29,#782c1214);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#DDB30B}
.TrustCard .TrustCardTitle{font-size:16px;font-weight:700;color:#1a1200;margin:0}
.TrustCard .TrustCardText{font-size:14px;color:#5a4f3e;line-height:1.6;margin:0}
.TrustStatsRow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:linear-gradient(135deg,#782C12 0%,#5a2010 100%);border-radius:28px;padding:36px 32px}
.TrustStatItem{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.TrustStatItem .TrustStatNum{font-size:clamp(26px,4vw,38px);font-weight:800;color:#DDB30B;line-height:1}
.TrustStatItem .TrustStatLabel{font-size:13px;color:#f0f6fec7;line-height:1.4;margin-top:2px}
.TrustStatDivider{width:1px;background:#ffffff1f;align-self:stretch;display:none}
.FlexSection{padding:76px 20px 72px;background:#fff}
.FlexSection .FlexInner{max-width:1140px;margin:0 auto}
.FlexSection .FlexTopRow{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:56px}
.FlexSection .FlexTextCol{display:flex;flex-direction:column;gap:16px}
.FlexSection .FlexTagline{display:inline-flex;align-items:center;gap:6px;background:#ddb30b1f;color:#b8900a;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 14px;border-radius:30px;width:fit-content}
.FlexSection .FlexHeading{font-size:clamp(22px,3.2vw,34px);font-weight:800;color:#1a1200;line-height:1.24;margin:0}
.FlexSection .FlexHeading strong{color:#DDB30B}
.FlexSection .FlexPara{font-size:15px;color:#4a4030;line-height:1.68;margin:0}
.FlexSection .FlexImgBox{position:relative;border-radius:28px;overflow:hidden}
.FlexSection .FlexImgBox img{width:100%;height:340px;object-fit:cover;display:block;border-radius:28px}
.FlexSection .FlexImgBadge{position:absolute;bottom:20px;left:20px;background:#0a0806b8;backdrop-filter:blur(8px);color:#DDB30B;font-size:13px;font-weight:700;padding:8px 16px;border-radius:20px;border:1px solid #ddb30b47}
.FlexOptions{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.FlexOptionCard{display:flex;flex-direction:row;gap:20px;align-items:flex-start;background:#F0F6FE;border-radius:22px;padding:26px 24px;border:1px solid #ddb30b24;transition:box-shadow .2s}
.FlexOptionCard:hover{box-shadow:0 6px 24px #ddb30b1f}
.FlexOptionIcon{width:46px;height:46px;min-width:46px;background:linear-gradient(135deg,#DDB30B,#b8900a);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#1a1200}
.FlexOptionText{display:flex;flex-direction:column;gap:5px}
.FlexOptionText .FlexOptTitle{font-size:15px;font-weight:700;color:#1a1200;margin:0}
.FlexOptionText .FlexOptDesc{font-size:13px;color:#5a4f3e;line-height:1.58;margin:0}
.FlexAccordSection{background:linear-gradient(160deg,#ddb30b12 0%,#f0f6feff 100%);border-radius:28px;padding:36px 32px;margin-top:40px;border:1px solid #ddb30b26}
.FlexAccordSection .FlexAccordTitle{font-size:17px;font-weight:700;color:#1a1200;margin:0 0 20px}
.AccordWrap{display:flex;flex-direction:column;gap:10px}
.AccordItem input[type="checkbox"]{display:none}
.AccordItem label{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:14px;padding:15px 20px;cursor:pointer;font-size:14px;font-weight:600;color:#1a1200;border:1px solid #ddb30b29;transition:background 0.18s,border-color .18s;gap:10px}
.AccordItem label:hover{background:#ddb30b0f;border-color:#ddb30b52}
.AccordItem label .AccordArrow{font-size:18px;color:#DDB30B;transition:transform .22s;flex-shrink:0}
.AccordItem input[type="checkbox"]:checked + label{background:#ddb30b1a;border-color:#DDB30B}
.AccordItem input[type="checkbox"]:checked + label .AccordArrow{transform:rotate(45deg)}
.AccordBody{max-height:0;overflow:hidden;transition:max-height .32s ease;background:#fff;border-radius:0 0 14px 14px;margin-top:-4px;border:1px solid transparent;border-top:none}
.AccordItem input[type="checkbox"]:checked ~ .AccordBody{max-height:200px;border-color:#ddb30b29}
.AccordBodyInner{padding:14px 20px 16px;font-size:14px;color:#5a4f3e;line-height:1.65}
.CtaBannerBox{background:linear-gradient(130deg,#1a1200 0%,#2e1a04 60%,#782C12 100%);padding:64px 20px;text-align:center}
.CtaBannerBox .CtaBannerInner{max-width:680px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px}
.CtaBannerBox .CtaBannerTag{display:inline-block;background:#ddb30b2e;border:1px solid #ddb30b5c;color:#DDB30B;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 16px;border-radius:30px}
.CtaBannerBox .CtaBannerHeading{font-size:clamp(22px,4vw,36px);font-weight:800;color:#fff;line-height:1.22;margin:0}
.CtaBannerBox .CtaBannerHeading span{color:#DDB30B}
.CtaBannerBox .CtaBannerText{font-size:15px;color:#f0f6fec7;line-height:1.65;margin:0;max-width:500px}
.CtaBannerBox .CtaBannerBtn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#DDB30B 60%,#b8900a);color:#1a1200;font-size:15px;font-weight:700;padding:15px 36px;border-radius:40px;text-decoration:none;box-shadow:0 6px 24px #ddb30b4d;transition:transform 0.18s,box-shadow .18s;margin-top:6px}
.CtaBannerBox .CtaBannerBtn:hover{transform:translateY(-2px);box-shadow:0 10px 32px #ddb30b66}
.WaveDividerBox{line-height:0;background:#F0F6FE}
.WaveDividerBox svg{display:block;width:100%}
.WaveDividerBox2{line-height:0;background:#fff}
.WaveDividerBox2 svg{display:block;width:100%}
@media (max-width: 900px) {
.TrustGrid{grid-template-columns:repeat(2,1fr)}
.TrustStatsRow{grid-template-columns:repeat(2,1fr);gap:20px}
.FlexSection .FlexTopRow{grid-template-columns:1fr;gap:32px}
.FlexOptions{grid-template-columns:1fr}
}
@media (max-width: 600px) {
.TrustGrid{grid-template-columns:1fr}
.TrustStatsRow{grid-template-columns:1fr 1fr;padding:24px 18px}
.HeroBox .HeroBackdrop{padding:36px 22px 32px}
.HeroBtnGroup{flex-direction:column;align-items:center}
.FlexAccordSection{padding:24px 16px}
}
.ContactHero{position:relative;overflow:hidden;padding:80px 0 60px;background:#F0F6FE}
.ContactHero .CircleDecor{position:absolute;border-radius:50%;pointer-events:none}
.ContactHero .CircleDecor.circle-lg{width:420px;height:420px;background:#ddb30b14;top:-120px;right:-100px}
.ContactHero .CircleDecor.circle-md{width:260px;height:260px;background:#782c1212;bottom:-60px;left:-80px}
.ContactHero .CircleDecor.circle-sm{width:140px;height:140px;background:#ddb30b1f;top:60px;left:30%}
.ContactHero .hero-inner-box{max-width:1140px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center;gap:0}
.ContactHero .FilmFrame{width:100%;max-width:720px;height:280px;position:relative;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#1a1207 0%,#3d2a05 40%,#782C12 100%);box-shadow:0 12px 40px #782c124d;margin-bottom:48px}
.ContactHero .FilmFrame::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#ddb30b0a 3px,#ddb30b0a 4px),repeating-linear-gradient(90deg,transparent,transparent 60px,#ffffff05 60px,#ffffff05 61px);z-index:1}
.ContactHero .FilmFrame::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#ddb30b26 0%,transparent 70%);z-index:2}
.FilmSprocket{position:absolute;top:0;bottom:0;width:36px;background:#00000080;z-index:3;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:12px 0}
.FilmSprocket.left-sp{left:0}
.FilmSprocket.right-sp{right:0}
.FilmSprocket .hole{width:14px;height:10px;background:#F0F6FE;border-radius:3px;opacity:.7}
.FilmContent{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 60px;text-align:center}
.FilmContent .film-tag{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#ddb30bb3;margin-bottom:16px}
.FilmContent .film-headline{font-size:32px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:12px}
.FilmContent .film-sub{font-size:15px;color:#fff9;line-height:1.5}
.ContactHero .HeroText{max-width:640px;text-align:center}
.ContactHero .HeroText h1{font-size:38px;font-weight:800;color:#1a1207;line-height:1.25;margin-bottom:24px;position:relative;display:inline-block}
.ContactHero .HeroText h1::after{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#DDB30B,#782C12);border-radius:2px;margin:12px auto 0}
.ContactHero .HeroText .hero-points{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:12px;text-align:left}
.ContactHero .HeroText .hero-points li{display:flex;align-items:flex-start;gap:12px;font-size:16px;color:#3d2a05;line-height:1.5}
.ContactHero .HeroText .hero-points li::before{content:'';display:block;width:8px;height:8px;min-width:8px;background:#DDB30B;border-radius:50%;margin-top:8px}
.ContactHero .HeroCta{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#DDB30B 0%,#b8920a 100%);color:#1a1207;font-weight:700;font-size:16px;padding:14px 32px;border-radius:30px;text-decoration:none;box-shadow:0 6px 20px #ddb30b59;transition:transform 0.2s,box-shadow .2s;position:relative;z-index:10}
.ContactHero .HeroCta:hover{transform:translateY(-2px);box-shadow:0 10px 28px #ddb30b73}
.ContactSection{padding:80px 0 100px;background:#fff}
.ContactSection .content-box{max-width:1140px;margin:0 auto;padding:0 24px;display:flex;flex-direction:row;gap:60px;align-items:flex-start}
.ContactSection .InfoPanel{flex:0 0 320px;display:flex;flex-direction:column;gap:28px}
.ContactSection .InfoPanel .panel-label{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#DDB30B;font-weight:700;margin-bottom:4px}
.ContactSection .InfoPanel h2{font-size:28px;font-weight:800;color:#1a1207;line-height:1.3;margin-bottom:8px}
.ContactSection .InfoPanel .info-note{font-size:15px;color:#5a4a2a;line-height:1.6;margin-bottom:4px}
.InfoCard{background:#F0F6FE;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:16px}
.InfoCard .InfoRow{display:flex;flex-direction:row;gap:14px;align-items:flex-start}
.InfoCard .InfoRow .icon-wrap{width:40px;height:40px;min-width:40px;background:#ddb30b26;border-radius:12px;display:flex;align-items:center;justify-content:center}
.InfoCard .InfoRow .icon-wrap ion-icon{font-size:20px;color:#DDB30B}
.InfoCard .InfoRow .info-details{display:flex;flex-direction:column;gap:2px}
.InfoCard .InfoRow .info-details .det-label{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#782C12;font-weight:700}
.InfoCard .InfoRow .info-details .det-val{font-size:14px;color:#1a1207;line-height:1.5;font-weight:500}
.InfoCard .InfoRow .info-details .det-val a{color:#1a1207;text-decoration:none;border-bottom:1px solid #ddb30b80;transition:border-color .2s}
.InfoCard .InfoRow .info-details .det-val a:hover{border-color:#DDB30B}
.ContactSection .FormPanel{flex:1;min-width:0}
.FormPanel .form-hdr{margin-bottom:32px}
.FormPanel .form-hdr h3{font-size:24px;font-weight:800;color:#1a1207;margin-bottom:8px;position:relative;padding-left:18px}
.FormPanel .form-hdr h3::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:4px;background:linear-gradient(180deg,#DDB30B,#782C12);border-radius:2px}
.FormPanel .form-hdr p{font-size:15px;color:#5a4a2a;line-height:1.6;padding-left:18px}
.AuditForm{background:#F0F6FE;border-radius:30px;padding:40px;box-shadow:0 8px 32px #ddb30b1a}
.AuditForm .FieldRow{display:flex;flex-direction:row;gap:20px;margin-bottom:20px}
.AuditForm .FieldBox{display:flex;flex-direction:column;gap:6px;flex:1}
.AuditForm .FieldBox label{font-size:13px;font-weight:700;color:#3d2a05;letter-spacing:.5px}
.AuditForm .FieldBox input,.AuditForm .FieldBox select,.AuditForm .FieldBox textarea{padding:13px 18px;border-radius:14px;border:2px solid #ddb30b40;background:#fff;font-size:15px;color:#1a1207;outline:none;transition:border-color 0.2s,box-shadow .2s;width:100%;box-sizing:border-box;appearance:none;-webkit-appearance:none}
.AuditForm .FieldBox input:focus,.AuditForm .FieldBox select:focus,.AuditForm .FieldBox textarea:focus{border-color:#DDB30B;box-shadow:0 0 0 3px #ddb30b26}
.AuditForm .FieldBox select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath fill='%23DDB30B' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}
.AuditForm .FieldBox textarea{resize:vertical;min-height:110px}
.AuditForm .TagGroup{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.AuditForm .TagGroup .group-label{font-size:13px;font-weight:700;color:#3d2a05;letter-spacing:.5px}
.AuditForm .TagOptions{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}
.AuditForm .TagOptions input[type="checkbox"]{display:none}
.AuditForm .TagOptions label{padding:8px 18px;border-radius:20px;border:2px solid #ddb30b4d;background:#fff;font-size:13px;color:#3d2a05;cursor:pointer;transition:background 0.2s,border-color 0.2s,color .2s;user-select:none}
.AuditForm .TagOptions input[type="checkbox"]:checked + label{background:#DDB30B;border-color:#DDB30B;color:#1a1207;font-weight:700}
.AuditForm .PrivacyRow{display:flex;flex-direction:row;align-items:flex-start;gap:12px;margin-bottom:28px;margin-top:8px}
.AuditForm .PrivacyRow input[type="checkbox"]{width:18px;height:18px;min-width:18px;margin-top:2px;accent-color:#DDB30B;cursor:pointer}
.AuditForm .PrivacyRow .privacy-txt{font-size:13px;color:#5a4a2a;line-height:1.6}
.AuditForm .PrivacyRow .privacy-txt a{color:#782C12;text-decoration:underline}
.AuditForm .SubmitBtn{width:100%;padding:16px;background:linear-gradient(135deg,#782C12 0%,#9e3a18 100%);color:#fff;font-size:16px;font-weight:700;border:none;border-radius:20px;cursor:pointer;box-shadow:0 6px 20px #782c124d;transition:transform 0.2s,box-shadow .2s;letter-spacing:.5px;position:relative;z-index:10}
.AuditForm .SubmitBtn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #782c1266}
.AuditForm .SubmitBtn:active{transform:translateY(0)}
@media (max-width: 900px) {
.ContactSection .content-box{flex-direction:column;gap:40px}
.ContactSection .InfoPanel{flex:0 0 auto;width:100%}
.AuditForm .FieldRow{flex-direction:column;gap:0}
.AuditForm .FieldRow .FieldBox{margin-bottom:20px}
}
@media (max-width: 600px) {
.ContactHero{padding:50px 0 40px}
.ContactHero .FilmFrame{height:200px}
.FilmContent .film-headline{font-size:22px}
.ContactHero .HeroText h1{font-size:26px}
.AuditForm{padding:24px 18px}
.ContactSection{padding:50px 0 60px}
}
.AboutHeroBox{position:relative;overflow:hidden;min-height:520px;display:flex;align-items:center}
.AboutHeroBox .HeroBgImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(0.3) brightness(0.55)}
.AboutHeroBox .HeroDuotoneLayer{position:absolute;inset:0;background:linear-gradient(135deg,#782c12b8 0%,#ddb30b94 60%,#f0f6fe2e 100%);mix-blend-mode:multiply;z-index:1}
.AboutHeroBox .HeroShapeAccent{position:absolute;right:-60px;top:-60px;width:380px;height:380px;border-radius:50%;background:#ddb30b21;border:2.5px solid #ddb30b38;z-index:2}
.AboutHeroBox .HeroShapeAccentSm{position:absolute;left:5%;bottom:-40px;width:180px;height:180px;border-radius:50%;background:#782c121f;border:2px solid #782c122e;z-index:2}
.AboutHeroBox .HeroArrowSvg{position:absolute;right:12%;bottom:36px;z-index:3;opacity:.55}
.AboutHeroInner{position:relative;z-index:4;max-width:1140px;margin:0 auto;padding:90px 32px 80px;display:flex;flex-direction:column;gap:28px;width:100%}
.AboutHeroLabel{display:inline-block;background:#ddb30b2e;border:1.5px solid #ddb30b80;color:#DDB30B;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;padding:5px 18px;border-radius:30px;width:fit-content}
.AboutHeroHeading{font-size:clamp(2.1rem,5vw,3.4rem);font-weight:800;color:#F0F6FE;line-height:1.13;max-width:640px;margin:0}
.AboutHeroHeading span{color:#DDB30B}
.AboutHeroDivider{width:60px;height:4px;background:linear-gradient(90deg,#DDB30B 0%,#782C12 100%);border-radius:4px}
.AboutHeroDesc{font-size:1.08rem;color:#f0f6fee0;max-width:520px;line-height:1.65;margin:0}
.StoryLayoutBox{background:#F0F6FE;padding:86px 0 70px}
.StoryLayoutInner{max-width:1140px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.StoryImgBox{position:relative;border-radius:28px;overflow:visible}
.StoryImgBox img{width:100%;height:400px;object-fit:cover;border-radius:28px;display:block;box-shadow:8px 16px 40px #782c122e}
.StoryImgBox .StoryImgBadge{position:absolute;bottom:-22px;right:-22px;background:#782C12;color:#F0F6FE;border-radius:20px;padding:16px 24px;font-size:.85rem;font-weight:700;box-shadow:4px 8px 24px #782c1240;text-align:center;line-height:1.4;min-width:130px}
.StoryImgBox .StoryImgBadge strong{display:block;font-size:1.6rem;color:#DDB30B}
.StoryContent{display:flex;flex-direction:column;gap:22px}
.StorySectionTag{display:flex;align-items:center;gap:10px;color:#782C12;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.StorySectionTag::before{content:'';display:inline-block;width:28px;height:3px;background:#DDB30B;border-radius:3px}
.StoryContent h2{font-size:clamp(1.55rem,3vw,2.2rem);font-weight:800;color:#1a1a2e;line-height:1.22;margin:0}
.StoryContent h2 em{font-style:normal;color:#782C12}
.StoryContent p{font-size:1rem;color:#3d3d4f;line-height:1.68;margin:0}
.StoryPillsRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.StoryPill{background:#ddb30b1f;border:1.5px solid #ddb30b59;color:#5a4200;font-size:.82rem;font-weight:600;padding:6px 16px;border-radius:30px}
.ValuesGridBox{background:#fff;padding:80px 0 76px;position:relative;overflow:hidden}
.ValuesGridBox::before{content:'';position:absolute;top:-80px;left:0;right:0;height:80px;background:#F0F6FE;clip-path:ellipse(55% 100% at 50% 0%)}
.ValuesGridInner{max-width:1140px;margin:0 auto;padding:0 32px}
.ValuesHdr{text-align:center;margin-bottom:52px;display:flex;flex-direction:column;align-items:center;gap:14px}
.ValuesHdr h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:#1a1a2e;margin:0;position:relative}
.ValuesHdr h2::after{content:'';display:block;width:48px;height:3px;background:linear-gradient(90deg,#DDB30B,#782C12);border-radius:3px;margin:12px auto 0}
.ValuesHdr p{color:#555;font-size:1rem;max-width:520px;line-height:1.6;margin:0}
.ValuesCardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ValueCard{background:#F0F6FE;border-radius:28px;padding:36px 28px 32px;display:flex;flex-direction:column;gap:14px;box-shadow:0 4px 24px #ddb30b14 0 2px 8px #0000000a;border:1.5px solid transparent;transition:border-color 0.25s,box-shadow 0.25s,transform .22s}
.ValueCard:hover{border-color:#ddb30b73;box-shadow:0 8px 36px #ddb30b29 0 2px 12px #782c1212;transform:translateY(-4px)}
.ValueCardIcon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#ddb30b2e,#782c1221);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#782C12}
.ValueCard h4{font-size:1.05rem;font-weight:700;color:#1a1a2e;margin:0}
.ValueCard p{font-size:.93rem;color:#4a4a5a;line-height:1.6;margin:0}
.ApproachSplitBox{background:linear-gradient(160deg,#1a1a2e 0%,#2a1a0e 100%);padding:88px 0 80px;position:relative;overflow:hidden}
.ApproachSplitBox .ApproachGeoBg{position:absolute;top:0;right:0;width:420px;height:420px;background:radial-gradient(circle,#ddb30b14 0%,transparent 70%);z-index:0}
.ApproachSplitBox .ApproachGeoBg2{position:absolute;bottom:-60px;left:-60px;width:300px;height:300px;background:radial-gradient(circle,#782c1226 0%,transparent 70%);z-index:0}
.ApproachSplitInner{max-width:1140px;margin:0 auto;padding:0 32px;position:relative;z-index:2;display:grid;grid-template-columns:5fr 4fr;gap:56px;align-items:start}
.ApproachLeft{display:flex;flex-direction:column;gap:36px}
.ApproachLeft h2{font-size:clamp(1.5rem,3vw,2.15rem);font-weight:800;color:#F0F6FE;margin:0;line-height:1.2}
.ApproachLeft h2 span{color:#DDB30B}
.ApproachLeft p{font-size:1rem;color:#f0f6fec7;line-height:1.68;margin:0}
.ApproachStepList{display:flex;flex-direction:column;gap:20px}
.ApproachStep{display:flex;align-items:flex-start;gap:18px;background:#f0f6fe0d;border-radius:20px;padding:20px 22px;border:1.5px solid #ddb30b24;transition:background 0.2s,border-color .2s}
.ApproachStep:hover{background:#ddb30b14;border-color:#ddb30b59}
.ApproachStepNum{flex-shrink:0;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#DDB30B,#b88e0a);color:#fff;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ddb30b4d}
.ApproachStep h5{font-size:.96rem;font-weight:700;color:#F0F6FE;margin:0 0 4px}
.ApproachStep p{font-size:.88rem;color:#f0f6fe9e;margin:0;line-height:1.55}
.ApproachRight{display:flex;flex-direction:column;gap:22px;position:sticky;top:32px}
.ApproachImgWrap{position:relative;border-radius:28px;overflow:hidden}
.ApproachImgWrap img{width:100%;height:300px;object-fit:cover;border-radius:28px;display:block}
.ApproachImgWrap .ApproachImgOverlay{position:absolute;inset:0;background:linear-gradient(160deg,#782c1261,#ddb30b38);border-radius:28px}
.ApproachStatRow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ApproachStatCard{background:#f0f6fe0f;border:1.5px solid #ddb30b29;border-radius:22px;padding:20px 18px;text-align:center}
.ApproachStatCard strong{display:block;font-size:1.7rem;font-weight:800;color:#DDB30B;line-height:1}
.ApproachStatCard span{font-size:.8rem;color:#f0f6fe94;line-height:1.4;display:block;margin-top:5px}
.ApproachCtaBtn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#DDB30B,#b88e0a);color:#1a1a2e;font-weight:700;font-size:.96rem;padding:14px 28px;border-radius:30px;text-decoration:none;box-shadow:0 6px 24px #ddb30b4d;transition:box-shadow 0.2s,transform .2s;width:fit-content;position:relative;z-index:5}
.ApproachCtaBtn:hover{box-shadow:0 10px 36px #ddb30b73;transform:translateY(-2px)}
.MethodTabBox{background:#F0F6FE;padding:80px 0 88px}
.MethodTabInner{max-width:1140px;margin:0 auto;padding:0 32px}
.MethodTabHdr{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:52px}
.MethodTabHdr h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:#1a1a2e;margin:0;line-height:1.22}
.MethodTabHdr h2 mark{background:#ddb30b38;color:#6b4500;border-radius:6px;padding:0 6px}
.MethodTabHdr p{font-size:.98rem;color:#555;line-height:1.6;margin:0}
.MethodImgTwoCol{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:44px}
.MethodImgCard{position:relative;border-radius:28px;overflow:hidden}
.MethodImgCard img{width:100%;height:260px;object-fit:cover;display:block;border-radius:28px}
.MethodImgCard .MethodImgLabel{position:absolute;bottom:18px;left:18px;background:#1a1a2ed1;color:#DDB30B;font-size:.8rem;font-weight:700;padding:7px 16px;border-radius:20px;letter-spacing:.06em}
.MethodFeatList{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.MethodFeatItem{background:#fff;border-radius:22px;padding:26px 20px 22px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 16px #0000000d;border-left:4px solid #DDB30B;transition:box-shadow 0.22s,transform .2s}
.MethodFeatItem:hover{box-shadow:0 6px 32px #ddb30b24;transform:translateY(-3px)}
.MethodFeatItem .MethodFeatIcon{font-size:1.45rem;color:#782C12}
.MethodFeatItem h5{font-size:.95rem;font-weight:700;color:#1a1a2e;margin:0}
.MethodFeatItem p{font-size:.85rem;color:#555;line-height:1.55;margin:0}
@media (max-width: 900px) {
.StoryLayoutInner{grid-template-columns:1fr;gap:40px}
.StoryImgBox .StoryImgBadge{right:10px;bottom:-14px}
.ValuesCardGrid{grid-template-columns:1fr 1fr;gap:20px}
.ApproachSplitInner{grid-template-columns:1fr;gap:40px}
.ApproachRight{position:static}
.MethodTabHdr{grid-template-columns:1fr;gap:18px}
.MethodImgTwoCol{grid-template-columns:1fr;gap:18px}
.MethodFeatList{grid-template-columns:1fr 1fr;gap:16px}
}
@media (max-width: 600px) {
.AboutHeroInner{padding:64px 20px 56px}
.StoryLayoutBox{padding:56px 0 48px}
.StoryLayoutInner{padding:0 20px}
.ValuesCardGrid{grid-template-columns:1fr}
.ValuesGridInner{padding:0 20px}
.ApproachSplitInner{padding:0 20px}
.ApproachStatRow{grid-template-columns:1fr 1fr}
.MethodTabInner{padding:0 20px}
.MethodFeatList{grid-template-columns:1fr}
.MethodImgCard img{height:200px}
}
.LearningHero-box{position:relative;overflow:hidden;background:#1a1a2e;padding:80px 20px}
.LearningHero-box .bg-circles span{position:absolute;border-radius:50%;border:2px solid #ddb30b26}
.LearningHero-box .bg-circles span:nth-child(1){width:400px;height:400px;top:-100px;right:-80px;border-color:#ddb30b1f}
.LearningHero-box .bg-circles span:nth-child(2){width:250px;height:250px;bottom:-60px;left:5%;border-color:#782c1233;background:#782c120d}
.LearningHero-box .bg-circles span:nth-child(3){width:150px;height:150px;top:30%;left:20%;border-color:#ddb30b14;background:#ddb30b0a}
.HeroMosaic-box{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:28px;align-items:center;position:relative;z-index:2}
.HeroText-box{grid-column:1;grid-row:1 / 3;padding-right:20px}
.HeroText-box .ProgramTag{display:inline-block;background:#ddb30b26;border:1px solid #ddb30b66;color:#DDB30B;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:6px 16px;border-radius:30px;margin-bottom:24px}
.HeroText-box h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;color:#F0F6FE;line-height:1.15;margin:0 0 20px}
.HeroText-box h1 .AccentWord{color:#DDB30B;position:relative}
.HeroText-box h1 .AccentWord::after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#DDB30B,#ddb30b33);border-radius:2px}
.HeroText-box .HeroDesc{font-size:1.05rem;color:#f0f6febf;line-height:1.7;margin-bottom:32px;max-width:480px}
.HeroText-box .HeroStats-row{display:flex;flex-direction:row;gap:24px;margin-bottom:36px}
.HeroText-box .StatItem{text-align:left}
.HeroText-box .StatItem .StatNum{font-size:1.6rem;font-weight:800;color:#DDB30B;line-height:1}
.HeroText-box .StatItem .StatLabel{font-size:.75rem;color:#f0f6fe8c;margin-top:4px;text-transform:uppercase;letter-spacing:1px}
.HeroBtn-primary{display:inline-flex;flex-direction:row;align-items:center;gap:10px;background:linear-gradient(135deg,#DDB30B,#b8940a);color:#1a1a2e;font-size:.95rem;font-weight:700;padding:14px 28px;border-radius:30px;text-decoration:none;box-shadow:0 8px 24px #ddb30b59;transition:transform 0.25s,box-shadow .25s;position:relative;z-index:5}
.HeroBtn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 32px #ddb30b80}
.HeroImg-box{grid-column:2;grid-row:1;position:relative}
.HeroImg-box img{width:100%;height:320px;object-fit:cover;border-radius:28px;display:block;box-shadow:0 20px 60px #00000080 8px 8px 0 #ddb30b4d}
.HeroImg-box::before{content:'';position:absolute;top:-12px;left:-12px;right:12px;bottom:12px;border:2px solid #ddb30b40;border-radius:32px;z-index:0}
.HeroImg-box img{position:relative;z-index:1}
.HeroCardFloat-box{grid-column:2;grid-row:2;background:#f0f6fe0f;border:1px solid #ddb30b33;border-radius:20px;padding:20px 24px;display:flex;flex-direction:row;align-items:center;gap:16px;backdrop-filter:blur(8px)}
.HeroCardFloat-box .CardIcon{width:48px;height:48px;background:#ddb30b26;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#DDB30B;font-size:22px}
.HeroCardFloat-box .CardText .CardTitle{font-size:.95rem;font-weight:700;color:#F0F6FE;margin:0 0 4px}
.HeroCardFloat-box .CardText .CardSub{font-size:.8rem;color:#f0f6fe8c;margin:0}
.CurriculumSection-box{background:#F0F6FE;padding:90px 20px}
.CurriculumSection-box .SectionHdr{max-width:1140px;margin:0 auto 56px;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px}
.CurriculumSection-box .SectionHdr h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800;color:#1a1a2e;margin:0;max-width:460px;line-height:1.2;position:relative}
.CurriculumSection-box .SectionHdr h2::before{content:'';display:block;width:40px;height:4px;background:#DDB30B;border-radius:2px;margin-bottom:14px}
.CurriculumSection-box .SectionHdr .HdrNote{font-size:.9rem;color:#555;max-width:280px;line-height:1.6;text-align:right}
.AccordionWrap-box{max-width:1140px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.AccordionItem input[type="checkbox"]{display:none}
.AccordionItem{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #1a1a2e12;border:1px solid #ddb30b1f}
.AccordionItem label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:22px 28px;cursor:pointer;transition:background .2s}
.AccordionItem label:hover{background:#ddb30b0a}
.AccordionItem .AccLabelLeft{display:flex;flex-direction:row;align-items:center;gap:16px}
.AccordionItem .AccNum{width:36px;height:36px;border-radius:10px;background:#ddb30b1f;color:#DDB30B;font-size:.85rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.AccordionItem .AccTitle{font-size:1.05rem;font-weight:700;color:#1a1a2e}
.AccordionItem .AccSubtitle{font-size:.8rem;color:#888;margin-top:2px}
.AccordionItem .AccToggle{color:#DDB30B;font-size:20px;transition:transform .3s;flex-shrink:0}
.AccordionItem input:checked + label .AccToggle{transform:rotate(45deg)}
.AccordionItem input:checked + label{background:#ddb30b0f}
.AccordionBody{max-height:0;overflow:hidden;transition:max-height .4s ease}
.AccordionItem input:checked ~ .AccordionBody{max-height:600px}
.AccordionBody .AccBodyInner{padding:0 28px 24px 80px;font-size:.93rem;color:#444;line-height:1.7}
.AccordionBody .AccBodyInner ul{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:8px}
.AccordionBody .AccBodyInner ul li{display:flex;flex-direction:row;align-items:flex-start;gap:10px;color:#333;font-size:.9rem}
.AccordionBody .AccBodyInner ul li::before{content:'';width:8px;height:8px;border-radius:50%;background:#DDB30B;margin-top:6px;flex-shrink:0}
.FormatSection-box{background:linear-gradient(145deg,#782C12 0%,#5a2010 100%);padding:90px 20px;position:relative;overflow:hidden}
.FormatSection-box::before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;border:80px solid #ddb30b0f;top:-150px;right:-150px}
.FormatSection-box::after{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:#ddb30b0a;bottom:-80px;left:10%}
.FormatInner-box{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.FormatInner-box .FormatHdr{text-align:center;margin-bottom:60px}
.FormatInner-box .FormatHdr h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800;color:#F0F6FE;margin:0 0 14px}
.FormatInner-box .FormatHdr p{color:#f0f6feb3;font-size:1rem;max-width:480px;margin:0 auto;line-height:1.65}
.FormatGrid-box{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.FormatCard{background:#f0f6fe12;border:1px solid #f0f6fe1f;border-radius:28px;padding:36px 28px;transition:background 0.3s,transform .3s;position:relative}
.FormatCard:hover{background:#f0f6fe1f;transform:translateY(-6px)}
.FormatCard .FCardIcon{width:54px;height:54px;background:#ddb30b33;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#DDB30B;font-size:26px}
.FormatCard h4{font-size:1.1rem;font-weight:700;color:#F0F6FE;margin:0 0 10px}
.FormatCard p{font-size:.88rem;color:#f0f6fea6;line-height:1.65;margin:0}
.FormatCard .FCardBadge{position:absolute;top:20px;right:20px;background:#ddb30b33;color:#DDB30B;font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:20px}
.InstructorSection-box{background:#fff;padding:90px 20px}
.InstructorInner-box{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:5fr 7fr;gap:60px;align-items:center}
.InstructorLeft-box{position:relative}
.InstructorLeft-box .ILTag{display:inline-block;background:#782c121a;color:#782C12;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:6px 14px;border-radius:20px;margin-bottom:20px}
.InstructorLeft-box h2{font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:800;color:#1a1a2e;line-height:1.2;margin:0 0 16px}
.InstructorLeft-box .ILDesc{font-size:.95rem;color:#555;line-height:1.7;margin-bottom:28px}
.InstructorLeft-box .ILHighlight{background:linear-gradient(135deg,#ddb30b1a,#782c1214);border-left:4px solid #DDB30B;border-radius:0 16px 16px 0;padding:16px 20px;font-size:.9rem;color:#333;line-height:1.65;margin-bottom:28px}
.InstructorCTA-btn{display:inline-flex;flex-direction:row;align-items:center;gap:10px;background:#782C12;color:#fff;font-size:.9rem;font-weight:700;padding:13px 26px;border-radius:30px;text-decoration:none;transition:background 0.25s,transform .25s;position:relative;z-index:5}
.InstructorCTA-btn:hover{background:#5a2010;transform:translateY(-2px)}
.InstructorRight-box{display:flex;flex-direction:column;gap:18px}
.SkillCard{background:#F0F6FE;border-radius:20px;padding:22px 24px;display:flex;flex-direction:row;align-items:center;gap:18px;border:1px solid #ddb30b1f;transition:box-shadow .25s}
.SkillCard:hover{box-shadow:0 8px 24px #ddb30b26}
.SkillCard .SkillIcon{width:46px;height:46px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:22px;color:#782C12;box-shadow:0 4px 12px #782c121f}
.SkillCard .SkillText .SkTitle{font-size:.95rem;font-weight:700;color:#1a1a2e;margin:0 0 4px}
.SkillCard .SkillText .SkDesc{font-size:.82rem;color:#666;margin:0;line-height:1.5}
.SkillBar-wrap{margin-top:8px;background:#ddb30b26;border-radius:4px;height:4px;width:100%;overflow:hidden}
.SkillBar-fill{height:4px;border-radius:4px;background:linear-gradient(90deg,#DDB30B,#782C12)}
.EnrollSection-box{background:#F0F6FE;padding:90px 20px;position:relative;overflow:hidden}
.EnrollSection-box .EnrollDecor{position:absolute;width:600px;height:600px;border-radius:50%;border:2px dashed #ddb30b26;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.EnrollSection-box .EnrollDecor2{position:absolute;width:400px;height:400px;border-radius:50%;background:#ddb30b0a;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.EnrollInner-box{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}
.EnrollInner-box .EnrollEyebrow{display:inline-block;background:linear-gradient(135deg,#DDB30B,#782C12);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:.8rem;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:16px}
.EnrollInner-box h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;color:#1a1a2e;margin:0 0 18px;line-height:1.2}
.EnrollInner-box .EnrollSubtext{font-size:1rem;color:#555;line-height:1.7;margin-bottom:40px}
.EnrollPerks-row{display:flex;flex-direction:row;justify-content:center;gap:32px;margin-bottom:40px;flex-wrap:wrap}
.EnrollPerk{display:flex;flex-direction:column;align-items:center;gap:8px}
.EnrollPerk .PerkIcon{width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#DDB30B;box-shadow:0 6px 16px #ddb30b33}
.EnrollPerk .PerkLabel{font-size:.78rem;font-weight:600;color:#444;text-align:center}
.EnrollForm-box{background:#fff;border-radius:28px;padding:36px 40px;box-shadow:0 12px 40px #1a1a2e1a;border:1px solid #ddb30b26}
.EnrollForm-box .FormRow{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.EnrollForm-box .FormGroup{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.EnrollForm-box .FormGroup label{font-size:.82rem;font-weight:600;color:#333;text-align:left}
.EnrollForm-box .FormGroup input,.EnrollForm-box .FormGroup select{padding:12px 16px;border:1.5px solid #ddb30b40;border-radius:12px;font-size:.9rem;color:#1a1a2e;background:#F0F6FE;outline:none;transition:border-color .2s;width:100%;box-sizing:border-box}
.EnrollForm-box .FormGroup input:focus,.EnrollForm-box .FormGroup select:focus{border-color:#DDB30B;background:#fff}
.EnrollForm-box .FormSubmit-btn{width:100%;padding:15px;background:linear-gradient(135deg,#DDB30B,#b8940a);color:#1a1a2e;font-size:1rem;font-weight:800;border:none;border-radius:16px;cursor:pointer;box-shadow:0 8px 24px #ddb30b59;transition:transform 0.25s,box-shadow .25s;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;position:relative;z-index:5}
.EnrollForm-box .FormSubmit-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px #ddb30b80}
@media (max-width: 900px) {
.HeroMosaic-box{grid-template-columns:1fr;grid-template-rows:auto}
.HeroText-box{grid-column:1;grid-row:1;padding-right:0}
.HeroImg-box{grid-column:1;grid-row:2}
.HeroCardFloat-box{grid-column:1;grid-row:3}
.FormatGrid-box{grid-template-columns:1fr 1fr}
.InstructorInner-box{grid-template-columns:1fr;gap:36px}
.CurriculumSection-box .SectionHdr{flex-direction:column;align-items:flex-start}
.CurriculumSection-box .SectionHdr .HdrNote{text-align:left}
.EnrollForm-box .FormRow{grid-template-columns:1fr}
.EnrollPerks-row{gap:20px}
}
@media (max-width: 600px) {
.LearningHero-box{padding:56px 16px}
.CurriculumSection-box{padding:60px 16px}
.FormatSection-box{padding:60px 16px}
.InstructorSection-box{padding:60px 16px}
.EnrollSection-box{padding:60px 16px}
.FormatGrid-box{grid-template-columns:1fr}
.EnrollForm-box{padding:24px 20px}
.HeroText-box .HeroStats-row{flex-direction:column;gap:14px}
.AccordionBody .AccBodyInner{padding-left:28px}
}
.SuccessPageBox{min-height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:center;position:relative;overflow:hidden;background:#F0F6FE}
.SuccessPageBox .DiagonalBg{position:absolute;inset:0;z-index:0;overflow:hidden}
.SuccessPageBox .DiagonalBg::before{content:'';position:absolute;top:0;left:0;width:58%;height:100%;background:linear-gradient(135deg,#782C12 0%,#a03a18 60%,#DDB30B 100%);clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
.SuccessPageBox .DiagonalBg::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(-55deg,transparent,transparent 18px,#ddb30b21 18px,#ddb30b21 22px);pointer-events:none}
.SuccessPageBox .StripeAccent{position:absolute;top:0;left:0;width:58%;height:100%;clip-path:polygon(0 0,100% 0,82% 100%,0 100%);background-image:repeating-linear-gradient(-55deg,transparent,transparent 28px,#ffffff0f 28px,#ffffff0f 34px);pointer-events:none;z-index:1}
.SplitLayout{position:relative;z-index:2;display:flex;flex-direction:row;align-items:stretch;min-height:100vh;width:100%;max-width:100%}
.SplitLayout .LeftZone{flex:0 0 54%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:80px 60px 80px 80px;position:relative}
.SplitLayout .RightZone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 60px 80px 40px;background:transparent}
.LeftZone .IconBadge{width:72px;height:72px;border-radius:50%;background:#ddb30b2e;border:2px solid #ddb30b80;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:32px}
.LeftZone .IconBadge svg{width:36px;height:36px}
.LeftZone .SuccessTag{display:inline-block;background:#ddb30b38;color:#DDB30B;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;border-radius:30px;padding:6px 20px;margin-bottom:28px;border:1px solid #ddb30b59}
.LeftZone .MainHeading{font-size:clamp(32px,4.5vw,58px);font-weight:800;color:#fff;line-height:1.12;margin:0 0 18px;letter-spacing:-.5px}
.LeftZone .MainHeading span{color:#DDB30B}
.LeftZone .SubNote{font-size:17px;color:#ffffffc7;line-height:1.6;margin:0 0 44px;max-width:380px}
.LeftZone .btn-home{display:inline-flex;flex-direction:row;align-items:center;gap:10px;background:#DDB30B;color:#1a1200;font-size:16px;font-weight:700;padding:16px 36px;border-radius:50px;text-decoration:none;border:none;cursor:pointer;box-shadow:0 8px 28px #ddb30b61;transition:background 0.2s,box-shadow 0.2s,transform .18s;position:relative;z-index:5}
.LeftZone .btn-home:hover{background:#f0c50e;box-shadow:0 12px 36px #ddb30b85;transform:translateY(-2px)}
.LeftZone .btn-home ion-icon{font-size:20px}
.RightZone .CardStack{display:flex;flex-direction:column;gap:20px;width:100%;max-width:340px}
.RightZone .InfoCard{background:#fff;border-radius:24px;padding:28px 28px 24px;box-shadow:0 4px 24px #782c121a;display:flex;flex-direction:row;align-items:flex-start;gap:18px;transition:box-shadow 0.2s,transform .18s}
.RightZone .InfoCard:hover{box-shadow:0 8px 32px #782c1229;transform:translateY(-3px)}
.RightZone .InfoCard .card-icon-box{width:48px;height:48px;border-radius:16px;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0}
.RightZone .InfoCard:nth-child(1) .card-icon-box{background:#ddb30b21}
.RightZone .InfoCard:nth-child(2) .card-icon-box{background:#782c121a}
.RightZone .InfoCard:nth-child(3) .card-icon-box{background:#ddb30b1a}
.RightZone .InfoCard .card-icon-box ion-icon{font-size:24px;color:#DDB30B}
.RightZone .InfoCard:nth-child(2) .card-icon-box ion-icon{color:#782C12}
.RightZone .InfoCard .card-body{display:flex;flex-direction:column;gap:4px}
.RightZone .InfoCard .card-title{font-size:15px;font-weight:700;color:#1a1200;margin:0}
.RightZone .InfoCard .card-desc{font-size:13px;color:#6b6050;margin:0;line-height:1.55}
.RightZone .GeomDeco{position:absolute;right:30px;bottom:40px;width:110px;height:110px;opacity:.13;pointer-events:none}
@media (max-width: 900px) {
.SplitLayout{flex-direction:column}
.SplitLayout .LeftZone{flex:none;width:100%;padding:64px 32px 48px}
.SplitLayout .RightZone{flex:none;width:100%;padding:32px 32px 64px;align-items:center}
.SuccessPageBox .DiagonalBg::before{width:100%;height:52%;clip-path:polygon(0 0,100% 0,100% 82%,0 100%)}
.SuccessPageBox .StripeAccent{width:100%;height:52%;clip-path:polygon(0 0,100% 0,100% 82%,0 100%)}
.RightZone .CardStack{max-width:100%}
}
@media (max-width: 560px) {
.SplitLayout .LeftZone{padding:52px 20px 36px}
.SplitLayout .RightZone{padding:24px 20px 52px}
.LeftZone .MainHeading{font-size:30px}
.LeftZone .btn-home{padding:14px 28px;font-size:15px}
.RightZone .InfoCard{padding:20px 18px}
}