*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Lora',serif;line-height:1.6;color:#2a2a2a;background:#EEFCF4}
.site-header{background:linear-gradient(135deg,#8567f414 0%,#eefcf4f2 100%);box-shadow:0 4px 12px #8567f41f;position:relative}
.header-wrap{max-width:1320px;margin:0 auto;padding:0 20px}
.top-row{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:2px solid #8567f426}
.brand-stack{display:flex;flex-direction:column;gap:8px}
.logo-link{display:inline-block}
.site-logo{height:85px;width:85px;display:block;background:#fff;padding:8px;border-radius:6px;box-shadow:0 3px 8px #8567f433}
.company-name{font-size:24px;font-weight:700;color:#8567F4;font-style:italic;letter-spacing:.5px}
.contact-nav-group{display:flex;align-items:center}
.contact-details{display:flex;gap:32px}
.contact-item{display:flex;align-items:center;gap:10px;text-decoration:none;color:#2a2a2a;font-size:15px;transition:color .2s}
.contact-item:hover{color:#8567F4}
.contact-item .f7-icons{font-size:20px;color:#CA4818}
.bottom-row{padding:18px 0}
.main-nav{display:flex;justify-content:center}
.nav-list{list-style:none;display:flex;gap:48px;align-items:center}
.nav-item{position:relative}
.nav-link{text-decoration:none;color:#2a2a2a;font-size:17px;font-weight:400;padding:8px 12px;display:block;transition:all .2s;border-radius:4px}
.nav-link:hover{color:#8567F4;outline:2px solid #8567F4}
.has-dropdown{position:relative}
.has-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;min-width:220px;list-style:none;padding:12px 0;margin-top:8px;box-shadow:0 6px 16px #8567f433;border-radius:6px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s;z-index:100}
.dropdown-link{display:block;padding:10px 20px;color:#2a2a2a;text-decoration:none;font-size:15px;transition:all .2s}
.dropdown-link:hover{background:#8567f41a;color:#8567F4}
.site-footer{background:linear-gradient(135deg,#f8f9fa 0%,#e8eef5 100%);padding:48px 0 24px;margin-top:80px;box-shadow:inset 0 4px 8px #8567f414}
.footer-wrap{max-width:1320px;margin:0 auto;padding:0 20px}
.footer-content{display:flex;flex-direction:column;gap:32px}
.footer-info{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}
.company-info{flex:1;min-width:280px;max-width:600px}
.company-desc{font-size:15px;line-height:1.7;color:#4a4a4a;margin-bottom:16px}
.footer-address{font-style:normal;font-size:14px;color:#6a6a6a;line-height:1.6}
.footer-nav{display:flex;gap:24px;align-items:flex-start}
.footer-link{text-decoration:none;color:#2a2a2a;font-size:15px;padding:6px 12px;border-radius:4px;transition:all .2s}
.footer-link:hover{color:#8567F4;border:2px solid #8567F4}
.footer-bottom{text-align:center;padding-top:24px;border-top:2px solid #8567f426}
.copyright{font-size:14px;color:#6a6a6a}
.cookie-popup{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#fff;padding:20px 32px;box-shadow:0 6px 24px #0003;border-radius:2px;max-width:720px;width:90%;z-index:9999;display:none}
.cookie-popup.visible{display:block;animation:fadeIn .4s ease-in-out}
@keyframes fadeIn {
from{opacity:0;transform:translateX(-50%) translateY(20px)}
to{opacity:1;transform:translateX(-50%) translateY(0)}
}
.cookie-content{display:flex;align-items:center;justify-content:space-between;gap:24px}
.cookie-text{font-size:14px;line-height:1.6;color:#2a2a2a;flex:1}
.cookie-policy-link{color:#8567F4;text-decoration:underline}
.cookie-accept{background:#8567F4;color:#fff;border:none;padding:12px 28px;font-size:15px;font-family:'Lora',serif;cursor:pointer;border-radius:0;transition:all .2s;white-space:nowrap}
.cookie-accept:hover{background:#6a4fd6;box-shadow:0 4px 12px #8567f44d}
@media (max-width: 968px) {
.top-row{flex-direction:column;gap:20px;text-align:center}
.brand-stack{align-items:center}
.contact-details{flex-direction:column;gap:16px}
.nav-list{flex-wrap:wrap;gap:24px;justify-content:center}
.footer-info{flex-direction:column}
.footer-nav{flex-direction:column;gap:12px}
.cookie-content{flex-direction:column;text-align:center}
}
@media (max-width: 640px) {
.site-logo{height:70px;width:70px}
.company-name{font-size:20px}
.nav-list{gap:16px}
.nav-link{font-size:15px;padding:6px 10px}
.contact-item{font-size:14px}
}
.pagewrap{max-width:1320px;margin:0 auto;padding:0 20px}
.topheading{padding:80px 0 100px;background:linear-gradient(135deg,#8567f414 0%,#eefcf466 100%);position:relative;overflow:hidden}
.topheading::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ca48181f 0%,transparent 70%);border-radius:50%;animation:floatshape 20s infinite ease-in-out}
@keyframes floatshape {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,40px) scale(1.1)}
}
.topheading .contentholder{max-width:1320px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.topheading .textzone{flex:1;padding-right:40px}
.topheading h1{font-size:48px;line-height:1.2;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.topheading h1 .accent{color:#8567F4;position:relative;display:inline-block}
.topheading h1 .accent::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#8567F4 0%,#CA4818 100%);border-radius:2px}
.topheading .descr{font-size:18px;line-height:1.7;color:#4a4a4a;margin:0}
.topheading .imgzone{flex:0 0 480px;position:relative}
.topheading .imgzone img{width:100%;height:400px;object-fit:cover;border-radius:20px;box-shadow:0 12px 40px #8567f433;transform:translateY(0);transition:transform .6s ease}
.topheading .imgzone::before{content:'';position:absolute;top:-20px;left:-20px;right:20px;bottom:20px;border:3px solid #ca48184d;border-radius:20px;z-index:-1}
.topheading:hover .imgzone img{transform:translateY(-8px)}
.coursegrid{padding:100px 0;background:#fff}
.coursegrid .sectionhead{text-align:center;margin-bottom:60px}
.coursegrid h2{font-size:42px;color:#1a1a1a;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.coursegrid h2::before{content:'';position:absolute;top:-12px;left:-30px;width:24px;height:24px;background:linear-gradient(135deg,#8567F4 0%,#CA4818 100%);border-radius:50%;opacity:.6}
.coursegrid .subtitle{font-size:18px;color:#666;margin:0;max-width:700px;margin:0 auto;line-height:1.6}
.coursegrid .gridlayout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}
.coursegrid .coursecard{background:#fff;border:2px solid #e8e8e8;border-radius:16px;padding:32px;transition:all .4s ease;position:relative;overflow:hidden}
.coursegrid .coursecard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8567F4 0%,#CA4818 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.coursegrid .coursecard:hover::before{transform:scaleX(1)}
.coursegrid .coursecard:hover{border-color:#8567F4;box-shadow:0 8px 30px #8567f426;transform:translateY(-6px)}
.coursegrid .cardtag{display:inline-block;padding:6px 16px;background:#eefcf4ff;color:#CA4818;font-size:13px;font-weight:600;border-radius:20px;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}
.coursegrid .coursecard h3{font-size:24px;color:#1a1a1a;margin:0 0 14px;font-weight:700;line-height:1.3}
.coursegrid .coursedescr{font-size:16px;line-height:1.6;color:#555;margin:0 0 24px}
.coursegrid .courseinfo{display:flex;gap:24px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e8e8e8}
.coursegrid .infoitem{display:flex;flex-direction:column;gap:4px}
.coursegrid .infolabel{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.5px}
.coursegrid .infovalue{font-size:16px;color:#1a1a1a;font-weight:600}
.coursegrid .enrollbutt{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:#8567F4;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:15px;transition:all .3s ease;border:2px solid #8567F4}
.coursegrid .enrollbutt:hover{background:#6f4dd4;border-color:#6f4dd4;transform:translateX(4px)}
.coursegrid .enrollbutt i{font-size:18px}
.learningpath{padding:100px 0;background:linear-gradient(165deg,#EEFCF4 0%,#8567f40d 100%);position:relative}
.learningpath::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#8567F4 50%,transparent 100%)}
.learningpath .pagewrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.learningpath .contentside h2{font-size:40px;color:#1a1a1a;margin:0 0 24px;font-weight:700;line-height:1.3}
.learningpath .contentside .intro{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 40px}
.learningpath .steplist{display:flex;flex-direction:column;gap:24px}
.learningpath .stepitem{display:flex;gap:20px;padding:24px;background:#fff;border-radius:12px;border-left:4px solid #8567F4;transition:all .3s ease}
.learningpath .stepitem:hover{box-shadow:0 6px 24px #8567f41f;transform:translateX(8px)}
.learningpath .stepnumber{flex:0 0 48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8567F4 0%,#CA4818 100%);color:#fff;font-size:20px;font-weight:700;border-radius:50%}
.learningpath .stepinfo h3{font-size:20px;color:#1a1a1a;margin:0 0 8px;font-weight:700}
.learningpath .stepinfo p{font-size:15px;line-height:1.6;color:#555;margin:0}
.learningpath .visualside{position:relative}
.learningpath .visualside img{width:100%;height:500px;object-fit:cover;border-radius:20px;box-shadow:0 16px 48px #0000001f}
.learningpath .statoverlay{position:absolute;bottom:-30px;left:30px;right:30px;background:#fff;padding:28px 32px;border-radius:12px;box-shadow:0 12px 40px #00000026;display:flex;justify-content:space-around;gap:20px}
.learningpath .statbox{text-align:center}
.learningpath .statvalue{font-size:32px;color:#8567F4;font-weight:700;margin:0 0 4px;line-height:1}
.learningpath .statlabel{font-size:14px;color:#666;margin:0}
.enrollment{padding:100px 0 120px;background:#fff}
.enrollment .actionwrapper{max-width:900px;margin:0 auto;text-align:center;padding:60px 50px;background:linear-gradient(135deg,#8567f414 0%,#eefcf480 100%);border-radius:24px;border:3px solid #8567f433;position:relative;overflow:hidden}
.enrollment .actionwrapper::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#ca481826 0%,transparent 70%);border-radius:50%}
.enrollment h2{font-size:38px;color:#1a1a1a;margin:0 0 20px;font-weight:700;position:relative;z-index:2}
.enrollment .message{font-size:18px;line-height:1.6;color:#4a4a4a;margin:0 0 40px;max-width:700px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.enrollment .buttongroup{display:flex;gap:20px;justify-content:center;position:relative;z-index:2}
.enrollment .primarybutt{display:inline-flex;align-items:center;gap:10px;padding:18px 40px;background:#8567F4;color:#fff;text-decoration:none;border-radius:10px;font-weight:700;font-size:16px;transition:all .3s ease;border:3px solid #8567F4}
.enrollment .primarybutt:hover{background:#6f4dd4;border-color:#6f4dd4;box-shadow:0 8px 24px #8567f44d;transform:translateY(-2px)}
.enrollment .secondarybutt{display:inline-flex;align-items:center;gap:10px;padding:18px 40px;background:#fff;color:#8567F4;text-decoration:none;border-radius:10px;font-weight:700;font-size:16px;transition:all .3s ease;border:3px solid #8567F4}
.enrollment .secondarybutt:hover{background:#8567F4;color:#fff;box-shadow:0 8px 24px #8567f44d;transform:translateY(-2px)}
.enrollment .buttongroup i{font-size:20px}
@media (max-width: 1024px) {
.topheading .contentholder{flex-direction:column;gap:40px}
.topheading .textzone{padding-right:0;text-align:center}
.topheading .imgzone{flex:0 0 auto;width:100%;max-width:500px}
.coursegrid .gridlayout{grid-template-columns:repeat(2,1fr)}
.learningpath .pagewrap{grid-template-columns:1fr;gap:50px}
.learningpath .visualside{order:-1}
}
@media (max-width: 768px) {
.topheading{padding:60px 0 70px}
.topheading h1{font-size:36px}
.topheading .descr{font-size:16px}
.topheading .imgzone img{height:300px}
.coursegrid{padding:70px 0}
.coursegrid h2{font-size:32px}
.coursegrid .gridlayout{grid-template-columns:1fr;gap:30px}
.learningpath{padding:70px 0}
.learningpath .contentside h2{font-size:32px}
.learningpath .visualside img{height:350px}
.learningpath .statoverlay{position:static;margin-top:30px;flex-direction:column}
.enrollment{padding:70px 0 90px}
.enrollment .actionwrapper{padding:40px 30px}
.enrollment h2{font-size:28px}
.enrollment .buttongroup{flex-direction:column;align-items:stretch}
}
@media (max-width: 480px) {
.topheading h1{font-size:28px}
.coursegrid h2{font-size:26px}
.coursegrid .coursecard{padding:24px}
.coursegrid .courseinfo{flex-direction:column;gap:12px}
.learningpath .contentside h2{font-size:26px}
.learningpath .stepitem{flex-direction:column;align-items:center;text-align:center}
.enrollment h2{font-size:24px}
.enrollment .message{font-size:16px}
}
.title-wrapper{background:linear-gradient(135deg,#8567f414 0%,#eefcf466 100%);padding:80px 20px;position:relative;overflow:hidden}
.title-wrapper::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#8567f426 0%,transparent 70%);border-radius:50%}
.herocontain{max-width:1320px;margin:0 auto;display:flex;gap:60px;align-items:center;position:relative;z-index:2}
.herocontent{flex:1}
.herocontent .numaccent{display:inline-block;font-size:72px;font-weight:700;color:#8567F4;line-height:1;margin-bottom:16px}
.herocontent .maintitle{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:24px;color:#1a1a1a}
.herocontent .explaintext{font-size:18px;line-height:1.7;color:#4a4a4a;margin-bottom:32px}
.herocontent .actionbutt{display:inline-block;padding:16px 40px;background:#8567F4;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;border:2px solid #8567F4}
.herocontent .actionbutt:hover{background:transparent;color:#8567F4;transform:translateY(-2px);box-shadow:0 4px 12px #8567f44d}
.herovisual{flex:1;position:relative}
.herovisual img{width:100%;height:480px;object-fit:cover;border-radius:20px;box-shadow:0 8px 24px #0000001f}
.securityblock{padding:100px 20px;background:#fff}
.seccontain{max-width:1320px;margin:0 auto}
.securityblock .sectionhead{text-align:center;margin-bottom:64px}
.securityblock .sectionhead h2{font-size:42px;font-weight:700;color:#1a1a1a;margin-bottom:16px;position:relative;display:inline-block}
.securityblock .sectionhead h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#8567F4 0%,#CA4818 100%);border-radius:2px}
.securityblock .sectionhead p{font-size:18px;color:#666;max-width:720px;margin:24px auto 0;line-height:1.6}
.guaranteegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.guaranteecard{background:linear-gradient(135deg,#EEFCF4 0%,#fff 100%);padding:40px 32px;border-radius:16px;border:2px solid transparent;transition:all .3s ease;position:relative}
.guaranteecard::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;padding:2px;background:linear-gradient(135deg,#8567F4 0%,#CA4818 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}
.guaranteecard:hover::before{opacity:1}
.guaranteecard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8567f433}
.guaranteecard .iconwrap{width:64px;height:64px;background:#8567F4;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.guaranteecard .iconwrap i{font-size:32px;color:#fff}
.guaranteecard h3{font-size:22px;font-weight:700;margin-bottom:12px;color:#1a1a1a}
.guaranteecard p{font-size:16px;line-height:1.6;color:#555}
.partnerzone{padding:100px 20px;background:linear-gradient(180deg,#fff 0%,#eefcf480 100%);position:relative}
.partnerzone::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#8567F4 50%,transparent 100%)}
.partnercont{max-width:1320px;margin:0 auto}
.partnerzone .titlearea{margin-bottom:56px}
.partnerzone .titlearea h2{font-size:42px;font-weight:700;color:#1a1a1a;margin-bottom:20px}
.partnerzone .titlearea h2 span{color:#8567F4}
.partnerzone .titlearea .desctext{font-size:17px;line-height:1.7;color:#4a4a4a;max-width:880px}
.partnerlayout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.partnerimgside img{width:100%;height:420px;object-fit:cover;border-radius:20px;box-shadow:0 6px 20px #0000001a}
.partnerinfos{display:flex;flex-direction:column;gap:28px}
.partneritem{background:#fff;padding:28px 32px;border-radius:12px;border-left:4px solid #8567F4;box-shadow:0 3px 12px #0000000f;transition:all .3s ease}
.partneritem:hover{border-left-color:#CA4818;box-shadow:0 6px 20px #0000001f;transform:translateX(4px)}
.partneritem h4{font-size:20px;font-weight:700;margin-bottom:10px;color:#1a1a1a}
.partneritem p{font-size:16px;line-height:1.6;color:#555}
.outcomesec{padding:100px 20px;background:#fff}
.outcomewrap{max-width:1320px;margin:0 auto}
.outcomesec .headersec{text-align:center;margin-bottom:72px}
.outcomesec .headersec h2{font-size:42px;font-weight:700;color:#1a1a1a;margin-bottom:20px}
.outcomesec .headersec .subdesc{font-size:18px;line-height:1.6;color:#666;max-width:760px;margin:0 auto}
.splitlayout{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:start}
.contentside{display:flex;flex-direction:column;gap:32px}
.skillblock{background:linear-gradient(135deg,#8567f40d 0%,#eefcf44d 100%);padding:32px;border-radius:16px;border:1px solid #8567f433}
.skillblock h4{font-size:22px;font-weight:700;margin-bottom:16px;color:#1a1a1a;display:flex;align-items:center;gap:12px}
.skillblock h4::before{content:'';width:8px;height:8px;background:#8567F4;border-radius:50%;display:inline-block}
.skillblock p{font-size:16px;line-height:1.7;color:#4a4a4a;margin-bottom:20px}
.progressdata{display:flex;flex-direction:column;gap:12px}
.progressitem{display:flex;align-items:center;gap:16px}
.progressitem .label{font-size:15px;font-weight:600;color:#333;min-width:140px}
.progressbar{flex:1;height:12px;background:#8567f41a;border-radius:6px;overflow:hidden;position:relative}
.progressfill{height:100%;background:linear-gradient(90deg,#8567F4 0%,#CA4818 100%);border-radius:6px;transition:width .8s ease}
.progressitem .percent{font-size:15px;font-weight:700;color:#8567F4;min-width:48px;text-align:right}
.imageside img{width:100%;height:560px;object-fit:cover;border-radius:20px;box-shadow:0 8px 28px #00000024;position:sticky;top:40px}
.learningtypes{padding:100px 20px;background:linear-gradient(135deg,#eefcf499 0%,#8567f40d 100%)}
.typecontain{max-width:1320px;margin:0 auto}
.learningtypes .tophead{margin-bottom:64px}
.learningtypes .tophead h2{font-size:42px;font-weight:700;color:#1a1a1a;margin-bottom:20px}
.learningtypes .tophead .intro{font-size:17px;line-height:1.7;color:#4a4a4a;max-width:920px}
.typegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.typecard{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #00000014;transition:all .3s ease}
.typecard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000026}
.typecard .imgarea{position:relative;overflow:hidden;height:280px}
.typecard .imgarea img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.typecard:hover .imgarea img{transform:scale(1.08)}
.typecard .imgarea .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,#8567f4b3 100%);opacity:0;transition:opacity .3s ease}
.typecard:hover .imgarea .overlay{opacity:1}
.typecard .textcont{padding:36px 32px}
.typecard .textcont h3{font-size:26px;font-weight:700;margin-bottom:16px;color:#1a1a1a}
.typecard .textcont .desc{font-size:16px;line-height:1.7;color:#555;margin-bottom:24px}
.featurelist{display:flex;flex-direction:column;gap:12px}
.featureitem{display:flex;align-items:center;gap:12px;font-size:15px;color:#444}
.featureitem i{color:#8567F4;font-size:18px}
@media (max-width: 1024px) {
.herocontain{flex-direction:column;gap:40px}
.guaranteegrid{grid-template-columns:1fr}
.partnerlayout{grid-template-columns:1fr}
.splitlayout{grid-template-columns:1fr;gap:48px}
.imageside img{position:static}
.typegrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.title-wrapper{padding:60px 20px}
.herocontent .numaccent{font-size:56px}
.herocontent .maintitle{font-size:36px}
.herovisual img{height:360px}
.securityblock,.partnerzone,.outcomesec,.learningtypes{padding:60px 20px}
.securityblock .sectionhead h2,.partnerzone .titlearea h2,.outcomesec .headersec h2,.learningtypes .tophead h2{font-size:32px}
.progressitem{flex-wrap:wrap}
.progressitem .label{min-width:100%}
}
.ctpage{max-width:1320px;margin:0 auto;padding:0 20px}
.heropanel{display:flex;align-items:center;gap:60px;padding:80px 0;position:relative}
.heropanel .txtarea{flex:1;max-width:580px}
.heropanel .imgarea{flex:1;position:relative}
.heropanel .imgarea img{width:100%;height:480px;object-fit:cover;border-radius:8px;clip-path:polygon(0 0,100% 0,100% 85%,0 100%)}
.heropanel .imgarea::before{content:'';position:absolute;width:180px;height:180px;background:#8567f426;border-radius:50%;top:-40px;right:-40px;z-index:-1}
.heropanel .imgarea::after{content:'';position:absolute;width:120px;height:120px;background:#ca48181f;border-radius:8px;bottom:-30px;left:-30px;z-index:-1;transform:rotate(15deg)}
.heropanel .txtarea h1{font-size:42px;line-height:1.2;margin:0 0 24px;color:#1a1a1a}
.heropanel .txtarea .manifesto{font-size:17px;line-height:1.7;color:#444;margin:0 0 16px}
.heropanel .txtarea .manifesto:last-of-type{margin-bottom:0}
.contactwrap{background:linear-gradient(135deg,#EEFCF4 0%,#eefcf44d 100%);padding:80px 0}
.contactwrap .contactgrid{max-width:1320px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:80px}
.contactwrap .infosec h2{font-size:32px;margin:0 0 32px;color:#1a1a1a}
.contactwrap .infosec .detailrow{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px;padding:20px;background:#fff9;border-radius:6px;border-left:3px solid #8567F4}
.contactwrap .infosec .detailrow i{font-size:24px;color:#8567F4;margin-top:2px}
.contactwrap .infosec .detailrow .detcontent{flex:1}
.contactwrap .infosec .detailrow .detcontent strong{display:block;font-size:15px;color:#666;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.contactwrap .infosec .detailrow .detcontent span,.contactwrap .infosec .detailrow .detcontent a{font-size:17px;color:#1a1a1a;line-height:1.6;text-decoration:none}
.contactwrap .infosec .detailrow .detcontent a:hover{color:#8567F4}
.contactwrap .formsec h2{font-size:32px;margin:0 0 20px;color:#1a1a1a}
.contactwrap .formsec .formdesc{font-size:16px;line-height:1.6;color:#555;margin-bottom:32px}
.contactwrap .formsec form{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 16px #0000000f}
.contactwrap .formsec .fieldwrap{margin-bottom:24px}
.contactwrap .formsec label{display:block;font-size:15px;font-weight:600;color:#333;margin-bottom:8px}
.contactwrap .formsec input[type="email"],.contactwrap .formsec textarea,.contactwrap .formsec select{width:100%;padding:14px 16px;font-size:16px;border:2px solid #e0e0e0;border-radius:4px;background:#fafafa;color:#333;transition:all .3s ease}
.contactwrap .formsec input[type="email"]:focus,.contactwrap .formsec textarea:focus,.contactwrap .formsec select:focus{outline:none;border-color:#8567F4;background:#fff}
.contactwrap .formsec textarea{min-height:140px;resize:vertical;font-family:inherit}
.contactwrap .formsec select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%23333' d='M0 0l6 8 6-8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}
.contactwrap .formsec .privacychk{display:flex;align-items:flex-start;gap:12px;margin-bottom:28px}
.contactwrap .formsec .privacychk input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer}
.contactwrap .formsec .privacychk label{font-size:14px;font-weight:400;color:#555;margin:0;flex:1}
.contactwrap .formsec .privacychk a{color:#8567F4;text-decoration:none;border-bottom:1px solid transparent}
.contactwrap .formsec .privacychk a:hover{border-bottom-color:#8567F4}
.contactwrap .formsec .submitbutt{width:100%;padding:16px 32px;font-size:17px;font-weight:600;color:#fff;background:linear-gradient(135deg,#8567F4 0%,#6b4fd6 100%);border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8567f44d}
.contactwrap .formsec .submitbutt:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8567f466}
.contactwrap .formsec .submitbutt:active{transform:translateY(0)}
.mapinfo{background:#f9f9f9;padding:70px 0}
.mapinfo .contentholder{max-width:1320px;margin:0 auto;padding:0 20px;text-align:center}
.mapinfo h2{font-size:36px;margin:0 0 24px;color:#1a1a1a}
.mapinfo .subdesc{font-size:18px;line-height:1.7;color:#555;max-width:720px;margin:0 auto 40px}
.mapinfo .locationblock{background:#fff;padding:48px;border-radius:8px;box-shadow:0 2px 12px #00000014;display:inline-block;text-align:left;position:relative}
.mapinfo .locationblock::before{content:'';position:absolute;width:60px;height:60px;background:#ca48181a;border-radius:50%;top:-15px;right:-15px}
.mapinfo .locationblock .addrline{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.mapinfo .locationblock .addrline i{font-size:28px;color:#CA4818}
.mapinfo .locationblock .addrline strong{font-size:19px;color:#1a1a1a}
.mapinfo .locationblock .fulladdr{font-size:17px;line-height:1.7;color:#444;margin-left:44px}
@media (max-width: 968px) {
.heropanel{flex-direction:column;padding:60px 0;gap:40px}
.heropanel .txtarea,.heropanel .imgarea{max-width:100%}
.heropanel .txtarea h1{font-size:34px}
.heropanel .imgarea img{height:360px}
.contactwrap .contactgrid{grid-template-columns:1fr;gap:50px}
.mapinfo h2{font-size:30px}
.mapinfo .locationblock{padding:36px}
}
@media (max-width: 640px) {
.heropanel .txtarea h1{font-size:28px}
.heropanel .txtarea .manifesto{font-size:16px}
.heropanel .imgarea img{height:280px}
.contactwrap{padding:60px 0}
.contactwrap .infosec h2,.contactwrap .formsec h2{font-size:26px}
.contactwrap .formsec form{padding:28px 20px}
.mapinfo{padding:50px 0}
.mapinfo h2{font-size:26px}
.mapinfo .subdesc{font-size:16px}
.mapinfo .locationblock{padding:28px 24px}
}
.title-area{background:linear-gradient(135deg,#EEFCF4 0%,#f8f5ff 100%);padding:80px 0 100px;position:relative;overflow:hidden}
.title-area::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#8567f414 0%,transparent 70%);animation:float-shape 20s ease-in-out infinite}
@keyframes float-shape {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(-30px,30px) rotate(10deg)}
}
.title-wrapper{max-width:1320px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.title-content h1{font-size:56px;line-height:1.1;color:#1a1a1a;margin:0 0 12px;font-weight:700}
.title-content .subtitle{font-size:24px;color:#8567F4;margin:0 0 30px;font-weight:500}
.title-content .description{font-size:18px;line-height:1.7;color:#4a4a4a;margin:0}
.title-visual{position:relative}
.title-visual img{width:100%;height:450px;object-fit:cover;border-radius:20px;box-shadow:0 12px 40px #8567f426;animation:subtle-float 6s ease-in-out infinite}
@keyframes subtle-float {
0%,100%{transform:translateY(0px)}
50%{transform:translateY(-15px)}
}
.divider-line{max-width:1320px;margin:0 auto;padding:0 20px;position:relative;margin-top:-50px}
.divider-line::after{content:'';display:block;height:3px;background:linear-gradient(90deg,transparent 0%,#8567F4 50%,transparent 100%);opacity:.4}
.story-section{padding:120px 0;background:#fff}
.story-container{max-width:1320px;margin:0 auto;padding:0 20px}
.story-grid{display:grid;grid-template-columns:45% 55%;gap:80px;align-items:start}
.story-left h2{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 24px;font-weight:700;position:relative;padding-bottom:20px}
.story-left h2::after{content:'';position:absolute;left:0;bottom:0;width:80px;height:4px;background:#CA4818;border-radius:2px}
.story-left .intro-text{font-size:19px;line-height:1.8;color:#2a2a2a;margin:0 0 40px}
.values-list{list-style:none;padding:0;margin:0}
.values-list li{padding:20px 0;border-bottom:1px solid #e8e8e8;display:flex;align-items:start;gap:16px}
.values-list li:last-child{border-bottom:none}
.values-list li::before{content:'';width:8px;height:8px;background:#8567F4;border-radius:50%;margin-top:8px;flex-shrink:0}
.values-list li strong{color:#1a1a1a;font-weight:600}
.values-list li span{color:#5a5a5a;line-height:1.6}
.story-right{display:flex;flex-direction:column;gap:30px}
.story-text-block{background:#fafafa;padding:35px;border-radius:16px;border-left:4px solid #8567F4}
.story-text-block h3{font-size:24px;color:#1a1a1a;margin:0 0 16px;font-weight:600}
.story-text-block p{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 14px}
.story-text-block p:last-child{margin:0}
.story-images{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.story-images img{width:100%;height:280px;object-fit:cover;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease}
.story-images img:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}
.approach-block{background:linear-gradient(135deg,#8567f40d 0%,#eefcf480 100%);padding:40px;border-radius:16px;margin-top:10px}
.approach-block h4{font-size:22px;color:#1a1a1a;margin:0 0 20px;font-weight:600}
.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.approach-item{background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}
.approach-item:hover{box-shadow:0 6px 20px #8567f426;transform:translateX(5px)}
.approach-item h5{font-size:18px;color:#CA4818;margin:0 0 10px;font-weight:600}
.approach-item p{font-size:16px;line-height:1.6;color:#5a5a5a;margin:0}
.cta-wrapper{max-width:1320px;margin:60px auto 0;padding:0 20px;text-align:center}
.cta-box{background:linear-gradient(135deg,#8567F4 0%,#6b4fd4 100%);padding:50px 40px;border-radius:20px;color:#fff;position:relative;overflow:hidden}
.cta-box::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);animation:rotate-gradient 15s linear infinite}
@keyframes rotate-gradient {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.cta-box h3{font-size:32px;margin:0 0 16px;font-weight:700;position:relative;z-index:1}
.cta-box p{font-size:18px;margin:0 0 30px;opacity:.95;position:relative;z-index:1}
.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}
.btn-primary{display:inline-block;padding:16px 40px;background:#fff;color:#8567F4;text-decoration:none;border-radius:8px;font-weight:600;font-size:17px;transition:all .3s ease;border:2px solid #fff}
.btn-primary:hover{background:transparent;color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px #0003}
.btn-secondary{display:inline-block;padding:16px 40px;background:transparent;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:17px;transition:all .3s ease;border:2px solid #ffffff80}
.btn-secondary:hover{border-color:#fff;background:#ffffff1a;transform:translateY(-3px)}
@media (max-width: 968px) {
.title-wrapper{grid-template-columns:1fr;gap:40px}
.title-content h1{font-size:42px}
.title-content .subtitle{font-size:20px}
.title-visual img{height:350px}
.story-grid{grid-template-columns:1fr;gap:50px}
.approach-grid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.title-area{padding:60px 0 80px}
.title-content h1{font-size:36px}
.title-content .subtitle{font-size:18px}
.title-content .description{font-size:16px}
.title-visual img{height:280px}
.story-section{padding:80px 0}
.story-left h2{font-size:32px}
.story-images{grid-template-columns:1fr}
.story-images img{height:240px}
.cta-box h3{font-size:26px}
.cta-buttons{flex-direction:column}
.btn-primary,.btn-secondary{width:100%;text-align:center}
}
.learningwrap{max-width:1320px;margin:0 auto;padding:0 20px}
.program-intro{padding:80px 0 60px;background:linear-gradient(135deg,#8567f414 0%,#eefcf499 100%);position:relative;overflow:hidden}
.program-intro::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ca48181f 0%,transparent 70%);border-radius:50%}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.intro-text-zone h1{font-size:52px;font-weight:700;line-height:1.15;color:#1a1a1a;margin:0 0 24px;letter-spacing:-.02em}
.intro-text-zone h1::before{content:'';display:block;width:60px;height:5px;background:linear-gradient(90deg,#8567F4 0%,#CA4818 100%);margin-bottom:24px;border-radius:3px}
.intro-desc{font-size:18px;line-height:1.7;color:#4a4a4a;margin:0}
.intro-img-area{position:relative}
.intro-img-area img{width:100%;height:480px;object-fit:cover;border-radius:20px;box-shadow:0 12px 40px #00000026;display:block}
.intro-img-area::after{content:'';position:absolute;bottom:-20px;right:-20px;width:180px;height:180px;background:linear-gradient(135deg,#8567f44d 0%,#ca48184d 100%);border-radius:50%;z-index:-1}
.course-structure{padding:100px 0;background:#fff}
.structure-heading{text-align:center;margin-bottom:70px}
.structure-heading h2{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 20px;position:relative;display:inline-block}
.structure-heading h2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:#8567F4;border-radius:2px}
.structure-heading p{font-size:19px;line-height:1.6;color:#666;max-width:720px;margin:20px auto 0}
.course-path{display:flex;flex-direction:column;gap:0}
.path-stage{display:grid;grid-template-columns:140px 1fr;gap:40px;padding:40px 0;border-bottom:2px solid #f0f0f0;position:relative}
.path-stage:last-child{border-bottom:none}
.stage-num-wrapper{display:flex;flex-direction:column;align-items:center;position:relative}
.stage-num{width:100px;height:100px;background:linear-gradient(135deg,#8567F4 0%,#CA4818 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff;box-shadow:0 6px 20px #8567f466;position:relative;z-index:2}
.stage-connector{width:3px;height:calc(100% + 40px);background:linear-gradient(180deg,#8567F4 0%,#CA4818 100%);position:absolute;top:100px;left:50%;transform:translateX(-50%);opacity:.3}
.path-stage:last-child .stage-connector{display:none}
.stage-details h3{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 16px}
.stage-details p{font-size:17px;line-height:1.7;color:#555;margin:0 0 20px}
.stage-focus-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;list-style:none;padding:0;margin:0}
.stage-focus-list li{display:flex;align-items:flex-start;gap:10px;font-size:16px;color:#4a4a4a;line-height:1.5}
.stage-focus-list li::before{content:'';width:8px;height:8px;background:#8567F4;border-radius:50%;flex-shrink:0;margin-top:6px}
.path-stage:nth-child(even) .stage-num{background:linear-gradient(135deg,#CA4818 0%,#8567F4 100%)}
.path-stage:hover .stage-num{transform:scale(1.08);box-shadow:0 8px 28px #8567f480}
.stage-num{transition:all .3s ease}
@media (max-width: 1024px) {
.intro-grid{grid-template-columns:1fr;gap:40px}
.intro-text-zone h1{font-size:42px}
.intro-img-area img{height:400px}
.structure-heading h2{font-size:36px}
.path-stage{grid-template-columns:100px 1fr;gap:30px}
.stage-num{width:80px;height:80px;font-size:30px}
.stage-connector{top:80px}
.stage-focus-list{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.program-intro{padding:60px 0 40px}
.intro-text-zone h1{font-size:34px;margin-bottom:18px}
.intro-text-zone h1::before{width:50px;height:4px;margin-bottom:18px}
.intro-desc{font-size:17px}
.intro-img-area img{height:320px;border-radius:16px}
.intro-img-area::after{width:120px;height:120px;bottom:-15px;right:-15px}
.course-structure{padding:70px 0}
.structure-heading{margin-bottom:50px}
.structure-heading h2{font-size:30px}
.structure-heading h2::after{width:60px;height:3px}
.structure-heading p{font-size:17px}
.path-stage{grid-template-columns:1fr;gap:20px;padding:30px 0}
.stage-num-wrapper{flex-direction:row;justify-content:flex-start}
.stage-num{width:70px;height:70px;font-size:26px}
.stage-connector{display:none}
.stage-details h3{font-size:24px}
.stage-details p{font-size:16px}
.stage-focus-list li{font-size:15px}
}
.policy-hero{background:linear-gradient(135deg,#8567f414 0%,#eefcf499 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.policy-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ca48180f 0%,transparent 70%);border-radius:50%}
.policy-hero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#8567f40d 0%,transparent 70%);border-radius:50%}
.hero-contain{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.hero-contain .title-major{font-size:48px;line-height:1.2;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.hero-contain .subtitle-text{font-size:18px;line-height:1.6;color:#4a4a4a;margin:0 0 12px}
.hero-contain .update-notice{display:inline-block;background:#8567f41f;color:#8567F4;padding:8px 18px;border-radius:20px;font-size:14px;font-weight:600;margin-top:8px}
.policy-content-wrap{max-width:1320px;margin:0 auto;padding:60px 20px 80px}
.policy-section-block{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:40px;margin-bottom:32px;box-shadow:0 2px 8px #0000000a;transition:box-shadow .3s ease}
.policy-section-block:hover{box-shadow:0 4px 12px #00000014}
.policy-section-block .section-heading{font-size:28px;color:#1a1a1a;margin:0 0 24px;font-weight:700;position:relative;padding-left:20px}
.policy-section-block .section-heading::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:28px;background:linear-gradient(180deg,#8567F4 0%,#CA4818 100%);border-radius:2px}
.policy-section-block .section-subhead{font-size:20px;color:#2a2a2a;margin:32px 0 16px;font-weight:600}
.policy-section-block .text-paragraph{font-size:16px;line-height:1.75;color:#3a3a3a;margin:0 0 20px}
.policy-section-block .text-paragraph:last-child{margin-bottom:0}
.policy-list-wrapper{margin:24px 0}
.policy-list-wrapper .list-standard{list-style:none;padding:0;margin:0}
.policy-list-wrapper .list-standard .list-entry{position:relative;padding-left:32px;margin-bottom:16px;font-size:16px;line-height:1.7;color:#3a3a3a}
.policy-list-wrapper .list-standard .list-entry::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#8567F4;border-radius:50%}
.policy-list-wrapper .list-standard .list-entry .emphasis-term{font-weight:600;color:#1a1a1a}
.highlight-box{background:linear-gradient(135deg,#eefcf480 0%,#8567f40f 100%);border-left:4px solid #CA4818;padding:24px 28px;border-radius:8px;margin:28px 0}
.highlight-box .highlight-text{font-size:16px;line-height:1.7;color:#2a2a2a;margin:0;font-weight:500}
.contact-info-block{background:#fff;border:2px solid #8567F4;border-radius:12px;padding:32px;margin-top:48px;text-align:center}
.contact-info-block .contact-title{font-size:24px;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.contact-info-block .contact-text{font-size:16px;line-height:1.7;color:#3a3a3a;margin:0 0 24px}
.contact-methods{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;align-items:center}
.contact-method-item{display:flex;align-items:center;gap:10px;font-size:16px;color:#1a1a1a;text-decoration:none;transition:color .3s ease}
.contact-method-item:hover{color:#8567F4}
.contact-method-item .icon-wrapper{width:40px;height:40px;background:#8567f41a;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s ease}
.contact-method-item:hover .icon-wrapper{background:#8567F4}
.contact-method-item .icon-wrapper .f7-icons{font-size:20px;color:#8567F4;transition:color .3s ease}
.contact-method-item:hover .icon-wrapper .f7-icons{color:#fff}
.data-table-wrapper{overflow-x:auto;margin:28px 0;border-radius:8px;border:1px solid #e8e8e8}
.data-table-wrapper .policy-table{width:100%;border-collapse:collapse;background:#fff}
.data-table-wrapper .policy-table .table-header{background:linear-gradient(135deg,#8567f41a 0%,#eefcf466 100%)}
.data-table-wrapper .policy-table .table-header .header-cell{padding:16px 20px;text-align:left;font-size:15px;font-weight:700;color:#1a1a1a;border-bottom:2px solid #8567F4}
.data-table-wrapper .policy-table .table-row{border-bottom:1px solid #e8e8e8;transition:background .2s ease}
.data-table-wrapper .policy-table .table-row:hover{background:#eefcf44d}
.data-table-wrapper .policy-table .table-row .data-cell{padding:16px 20px;font-size:15px;color:#3a3a3a;line-height:1.6}
.accordion-container{margin:32px 0}
.accordion-item{border:1px solid #e8e8e8;border-radius:8px;margin-bottom:12px;overflow:hidden;background:#fff}
.accordion-item .toggle-check{display:none}
.accordion-item .toggle-label{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;font-size:18px;font-weight:600;color:#1a1a1a;cursor:pointer;transition:background .3s ease,color .3s ease;user-select:none}
.accordion-item .toggle-label::after{content:'\f35d';font-family:'Framework7 Icons';font-size:20px;color:#8567F4;transition:transform .3s ease}
.accordion-item .toggle-check:checked + .toggle-label{background:#8567f414;color:#8567F4}
.accordion-item .toggle-check:checked + .toggle-label::after{transform:rotate(180deg)}
.accordion-item .toggle-label:hover{background:#eefcf480}
.accordion-item .accordion-body{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding:0 24px}
.accordion-item .toggle-check:checked ~ .accordion-body{max-height:800px;padding:0 24px 24px}
.accordion-body .body-text{font-size:15px;line-height:1.7;color:#3a3a3a;margin:0}
@media (max-width: 768px) {
.policy-hero{padding:60px 20px 40px}
.hero-contain .title-major{font-size:36px}
.hero-contain .subtitle-text{font-size:16px}
.policy-section-block{padding:28px 20px}
.policy-section-block .section-heading{font-size:24px}
.policy-section-block .section-subhead{font-size:18px}
.contact-methods{flex-direction:column;gap:16px}
.data-table-wrapper{font-size:14px}
.accordion-item .toggle-label{font-size:16px;padding:16px 20px}
}
@media (max-width: 480px) {
.hero-contain .title-major{font-size:28px}
.policy-section-block{padding:20px 16px}
.policy-section-block .section-heading{font-size:20px;padding-left:16px}
.policy-list-wrapper .list-standard .list-entry{padding-left:24px;font-size:15px}
.highlight-box{padding:20px}
.contact-info-block{padding:24px 16px}
}
.policyheader{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8567F4 0%,#CA4818 100%);overflow:hidden;padding:80px 20px}
.policyheader::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 40px,#ffffff08 40px,#ffffff08 80px);animation:driftpattern 60s linear infinite}
.policyheader::after{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,#eefcf426 0%,transparent 70%);top:-200px;right:-200px;animation:floatcircle 25s ease-in-out infinite}
@keyframes driftpattern {
0%{transform:translate(0,0)}
100%{transform:translate(50px,50px)}
}
@keyframes floatcircle {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,40px) scale(1.1)}
}
.policywrap{position:relative;z-index:2;max-width:900px;text-align:center}
.policywrap h1{font-size:3.2rem;font-weight:700;color:#FFF;margin:0 0 24px;line-height:1.2;text-shadow:0 2px 8px #0003}
.policywrap .introtxt{font-size:1.15rem;color:#fffffff2;line-height:1.7;max-width:720px;margin:0 auto}
.policywrap .updatetag{display:inline-block;background:#fff3;color:#FFF;padding:8px 20px;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:16px;border:1px solid #ffffff4d}
.policybod{max-width:1320px;margin:0 auto;padding:80px 20px 100px;background:#FFF}
.policycontainer{max-width:920px;margin:0 auto}
.policyblock{margin-bottom:64px;position:relative}
.policyblock:last-child{margin-bottom:0}
.policyblock h2{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 24px;position:relative;padding-left:20px}
.policyblock h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:32px;background:linear-gradient(180deg,#8567F4 0%,#CA4818 100%);border-radius:3px}
.policyblock h3{font-size:1.4rem;font-weight:600;color:#2a2a2a;margin:32px 0 16px}
.policyblock p{font-size:1.05rem;line-height:1.8;color:#4a4a4a;margin:0 0 20px}
.policyblock ul{list-style:none;padding:0;margin:20px 0}
.policyblock ul li{position:relative;padding-left:32px;margin-bottom:14px;font-size:1.05rem;line-height:1.7;color:#4a4a4a}
.policyblock ul li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;background:#8567F4;border-radius:50%;border:2px solid #EEFCF4}
.policyblock .highlightbox{background:linear-gradient(135deg,#8567f40f 0%,#eefcf466 100%);border-left:4px solid #8567F4;padding:24px 28px;margin:28px 0;border-radius:8px}
.policyblock .highlightbox p{margin:0;font-weight:500;color:#2a2a2a}
.contactsec{background:linear-gradient(135deg,#EEFCF4 0%,#eefcf480 100%);border-radius:16px;padding:48px 40px;margin-top:64px;text-align:center;border:2px solid #8567f426}
.contactsec h3{font-size:1.8rem;font-weight:700;color:#1a1a1a;margin:0 0 16px}
.contactsec p{font-size:1.1rem;line-height:1.7;color:#4a4a4a;margin:0 0 28px;max-width:680px;margin-left:auto;margin-right:auto}
.contactlinks{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.contactlinks a{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#FFF;color:#8567F4;text-decoration:none;border-radius:8px;font-weight:600;font-size:1rem;border:2px solid #8567F4;transition:all .3s ease}
.contactlinks a:hover{background:#8567F4;color:#FFF;transform:translateY(-2px);box-shadow:0 6px 16px #8567f44d}
.contactlinks a i{font-size:1.2rem}
@media (max-width: 768px) {
.policyheader{min-height:320px;padding:60px 20px}
.policywrap h1{font-size:2.2rem;margin-bottom:18px}
.policywrap .introtxt{font-size:1rem}
.policybod{padding:60px 20px 80px}
.policyblock{margin-bottom:48px}
.policyblock h2{font-size:1.6rem;margin-bottom:18px}
.policyblock h3{font-size:1.2rem;margin:24px 0 12px}
.policyblock p,.policyblock ul li{font-size:.98rem}
.contactsec{padding:36px 24px;margin-top:48px}
.contactsec h3{font-size:1.5rem}
.contactsec p{font-size:1rem}
.contactlinks{flex-direction:column;gap:12px}
.contactlinks a{width:100%;justify-content:center}
}
.success-wrapper{max-width:1320px;margin:0 auto;padding:80px 20px}
.confirm-section{position:relative;margin-bottom:120px}
.confirm-section .visual-frame{position:relative;max-width:920px;margin:0 auto}
.confirm-section .frame-lines{position:absolute;top:-30px;left:-30px;right:-30px;bottom:-30px;pointer-events:none}
.confirm-section .frame-lines::before,.confirm-section .frame-lines::after{content:'';position:absolute;background:linear-gradient(135deg,#8567F4 0%,#8567f44d 100%)}
.confirm-section .frame-lines::before{top:0;left:0;width:180px;height:2px}
.confirm-section .frame-lines::after{bottom:0;right:0;width:2px;height:180px}
.confirm-section .img-depth{width:480px;height:360px;background:linear-gradient(165deg,#EEFCF4 0%,#8567F4 100%);border-radius:16px;box-shadow:0 12px 28px #8567f440 0 4px 12px #8567f426;position:relative;overflow:hidden}
.confirm-section .img-depth::before{content:'';position:absolute;top:20%;left:15%;width:220px;height:220px;background:radial-gradient(circle,#ca481866 0%,transparent 70%);border-radius:50%;filter:blur(40px)}
.confirm-section .img-depth::after{content:'';position:absolute;bottom:10%;right:10%;width:160px;height:160px;background:radial-gradient(circle,#eefcf4cc 0%,transparent 70%);border-radius:50%;filter:blur(30px)}
.confirm-section .content-overlay{position:absolute;top:50%;left:380px;transform:translateY(-50%);background:#fffffff7;padding:50px 60px;border-radius:20px;box-shadow:0 8px 24px #0000001f;max-width:560px;backdrop-filter:blur(8px)}
.confirm-section .manifesto-text h1{font-size:42px;line-height:1.2;margin:0 0 24px;color:#1a1a1a;font-weight:700}
.confirm-section .manifesto-text h1::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#8567F4 0%,#CA4818 100%);margin-bottom:20px;border-radius:2px}
.confirm-section .manifesto-text p{font-size:18px;line-height:1.7;color:#4a4a4a;margin:0 0 16px}
.confirm-section .manifesto-text p:last-child{margin-bottom:0}
.confirm-section .manifesto-text .accent-term{color:#8567F4;font-weight:600;position:relative}
.confirm-section .manifesto-text .accent-term::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#8567F4 0%,transparent 100%)}
.next-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1120px;margin:0 auto}
.step-card{background:#fff;border-radius:12px;padding:0;box-shadow:0 3px 12px #00000014;transition:all .3s ease;overflow:hidden;border:2px solid transparent}
.step-card:hover{transform:translateY(-6px);box-shadow:0 8px 28px #8567f433;border-color:#8567F4}
.step-card .card-header{padding:32px 28px 24px;background:linear-gradient(135deg,#EEFCF4 0%,#fff 100%);position:relative}
.step-card .step-number{width:56px;height:56px;background:linear-gradient(135deg,#8567F4 0%,#CA4818 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#fff;margin-bottom:20px;box-shadow:0 4px 12px #8567f44d}
.step-card h3{font-size:22px;margin:0;color:#1a1a1a;font-weight:700;line-height:1.3}
.step-card .card-body{padding:24px 28px 32px}
.step-card .step-description{font-size:16px;line-height:1.7;color:#5a5a5a;margin:0 0 20px}
.step-card .action-list{list-style:none;padding:0;margin:0}
.step-card .action-list li{font-size:15px;line-height:1.6;color:#4a4a4a;padding-left:28px;margin-bottom:12px;position:relative}
.step-card .action-list li:last-child{margin-bottom:0}
.step-card .action-list li::before{content:'';position:absolute;left:0;top:7px;width:16px;height:16px;background:linear-gradient(135deg,#8567F4 0%,#CA4818 100%);border-radius:50%;box-shadow:0 2px 6px #8567f44d}
.step-card .time-indicator{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#8567f41a;border-radius:20px;font-size:14px;color:#8567F4;font-weight:600;margin-top:20px}
.step-card .time-indicator::before{content:'';width:12px;height:12px;background:#8567F4;border-radius:50%;display:block}
.return-link-wrapper{text-align:center;margin-top:80px}
.return-link-wrapper .home-button{display:inline-flex;align-items:center;gap:12px;padding:16px 42px;background:linear-gradient(135deg,#8567F4 0%,#CA4818 100%);color:#fff;text-decoration:none;border-radius:8px;font-size:17px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px #8567f44d}
.return-link-wrapper .home-button:hover{transform:scale(1.05);box-shadow:0 6px 24px #8567f466}
.return-link-wrapper .home-button::before{content:'←';font-size:20px;display:block}
@media (max-width: 1024px) {
.confirm-section .img-depth{width:400px;height:300px}
.confirm-section .content-overlay{left:320px;padding:40px 48px;max-width:500px}
.confirm-section .manifesto-text h1{font-size:36px}
.next-steps-grid{grid-template-columns:repeat(2,1fr);gap:32px}
}
@media (max-width: 768px) {
.success-wrapper{padding:60px 20px}
.confirm-section{margin-bottom:80px}
.confirm-section .visual-frame{max-width:100%}
.confirm-section .frame-lines{display:none}
.confirm-section .img-depth{width:100%;height:280px;margin-bottom:30px}
.confirm-section .content-overlay{position:static;transform:none;max-width:100%;padding:36px 28px}
.confirm-section .manifesto-text h1{font-size:32px;margin-bottom:20px}
.confirm-section .manifesto-text p{font-size:17px}
.next-steps-grid{grid-template-columns:1fr;gap:28px}
.step-card h3{font-size:20px}
.return-link-wrapper{margin-top:60px}
}
@media (max-width: 480px) {
.success-wrapper{padding:40px 16px}
.confirm-section .manifesto-text h1{font-size:28px}
.confirm-section .manifesto-text p{font-size:16px}
.confirm-section .content-overlay{padding:28px 20px}
.step-card .card-header{padding:24px 20px 20px}
.step-card .card-body{padding:20px 20px 24px}
.step-card h3{font-size:19px}
.return-link-wrapper .home-button{padding:14px 32px;font-size:16px}
}