html{box-sizing:border-box}
*,::before,::after{box-sizing:inherit}
body{margin:0;padding:0;font-family:'Public Sans',sans-serif;background:linear-gradient(185deg,#0a0a14 0%,#1a1a2e 50%,#0f0f1a 100%);color:#e4e4e8;line-height:1.6}
html{scroll-behavior:smooth}
::-webkit-scrollbar{width:14px}
::-webkit-scrollbar-track{background:#1a1a2e;box-shadow:inset 0 0 8px #0006}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#271985 0%,#FDFF4E 100%);border-radius:28px;box-shadow:0 4px 12px #fdff4e4d}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#FDFF4E 0%,#271985 100%)}
.SiteHdr{background:linear-gradient(265deg,#0d0d1f 0%,#1c1c34 100%);border-bottom:1px solid #fdff4e26;box-shadow:0 4px 24px #00000080}
.HdrTop{padding:24px 0;border-bottom:1px solid #e9edff14}
.HdrWrap{max-width:1280px;margin:0 auto;padding:0 32px}
.HdrTop .HdrWrap{display:flex;align-items:center;justify-content:space-between;gap:32px}
.LogoArea{flex-shrink:0}
.LogoImg{height:88px;width:88px;display:block;background:#e9edff0d;padding:8px;border-radius:32px;box-shadow:0 8px 24px #fdff4e26}
.CompanyScript{font-family:'PT Serif',serif;font-size:48px;font-weight:700;color:#FDFF4E;text-shadow:0 4px 16px #fdff4e66;letter-spacing:2px}
.HdrBtm{padding:20px 0}
.MainNav{display:flex;align-items:center;gap:40px;flex-wrap:wrap}
.MainNav .NavLink{font-size:16px;font-weight:700;color:#E9EDFF;text-decoration:none;padding:12px 20px;border-radius:24px;background:#27198533;transition:all .3s ease;border:1px solid #e9edff1a}
.MainNav .NavLink:hover{background:#fdff4e26;color:#FDFF4E;border-color:#fdff4e4d}
.SiteFt{background:linear-gradient(85deg,#0a0a14 0%,#1a1a2e 100%);border-top:1px solid #fdff4e1f;padding:48px 0 24px;margin-top:80px}
.FtWrap{max-width:1280px;margin:0 auto;padding:0 32px}
.FtContent{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;flex-wrap:wrap;padding-bottom:32px;border-bottom:1px solid #e9edff14}
.FtContact .FtLine{margin:8px 0;color:#b8b8c8;font-size:15px}
.FtNav{display:flex;gap:32px;flex-wrap:wrap}
.FtNav .FtLink{color:#E9EDFF;text-decoration:none;font-size:15px;transition:color .3s ease}
.FtNav .FtLink:hover{color:#FDFF4E}
.FtCopy{text-align:center;margin-top:24px}
.FtCopy p{color:#808090;font-size:14px;margin:0}
.CookieBox{position:fixed;left:24px;top:50%;transform:translateY(-50%) translateX(-400px);background:linear-gradient(135deg,#1a1a2e 0%,#0f0f1a 100%);border-radius:32px;padding:32px;box-shadow:0 16px 48px #000c 0 0 0 1px #fdff4e33;max-width:380px;z-index:9999;transition:transform .5s ease}
.CookieBox[data-visible="true"]{transform:translateY(-50%) translateX(0)}
.CookieInner{display:flex;flex-direction:column;gap:20px}
.CookieTitle{font-family:'PT Serif',serif;font-size:22px;font-weight:700;color:#FDFF4E;margin:0}
.CookieTxt{color:#c8c8d8;font-size:15px;line-height:1.6;margin:0}
.CookieSettings{display:flex;flex-direction:column;gap:12px}
.SettingRow{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}
.SettingLabel{color:#E9EDFF;font-size:14px}
.SettingToggle{width:48px;height:24px;cursor:pointer}
.CookieActions{display:flex;gap:12px;flex-wrap:wrap}
.CookieBtn{flex:1;min-width:120px;padding:12px 24px;border-radius:28px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;border:2px solid transparent}
.BtnAccept{background:#fdff4e26;color:#FDFF4E;border-color:#fdff4e4d}
.BtnAccept:hover{background:#fdff4e40;border-color:#fdff4e80}
.BtnDecline{background:transparent;color:#E9EDFF;border-color:#e9edff33}
.BtnDecline:hover{background:#e9edff0d;border-color:#e9edff4d}
@media (max-width: 768px) {
.HdrTop .HdrWrap{flex-direction:column;text-align:center;gap:20px}
.CompanyScript{font-size:36px}
.MainNav{justify-content:center;gap:16px}
.MainNav .NavLink{font-size:14px;padding:10px 16px}
.FtContent{flex-direction:column;gap:32px}
.FtNav{flex-direction:column;gap:16px}
.CookieBox{left:16px;right:16px;max-width:none;transform:translateY(-50%) translateX(-500px)}
.CookieBox[data-visible="true"]{transform:translateY(-50%) translateX(0)}
.CookieActions{flex-direction:column}
.CookieBtn{width:100%}
}
@media (max-width: 480px) {
.LogoImg{height:64px;width:64px}
.CompanyScript{font-size:28px}
.HdrWrap{padding:0 16px}
}
.agreement-i-text{max-width:1280px;margin:0 auto;padding:80px 40px;background:linear-gradient(180deg,#0a0616 0%,#1a1033 100%);border-radius:32px;box-shadow:0 16px 48px #0009 inset 0 2px 8px #fdff4e0d}
.agreement-i-text h1{font-size:3.2rem;line-height:1.2;color:#FDFF4E;margin:0 0 48px;font-weight:700;letter-spacing:-.02em;text-shadow:0 4px 24px #fdff4e4d}
.agreement-i-text h2{font-size:2.4rem;line-height:1.3;color:#E9EDFF;margin:56px 0 32px;font-weight:600;letter-spacing:-.01em;padding-bottom:16px;border-bottom:2px solid #fdff4e33}
.agreement-i-text h3{font-size:1.8rem;line-height:1.4;color:#E9EDFF;margin:40px 0 24px;font-weight:600}
.agreement-i-text h4{font-size:1.4rem;line-height:1.4;color:#b8c5ff;margin:32px 0 20px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.agreement-i-text h5{font-size:1.2rem;line-height:1.5;color:#b8c5ff;margin:28px 0 16px;font-weight:600}
.agreement-i-text h6{font-size:1.1rem;line-height:1.5;color:#a0afd9;margin:24px 0 16px;font-weight:600}
.agreement-i-text p{font-size:1.1rem;line-height:1.8;color:#c5cde8;margin:0 0 24px;font-weight:400}
.agreement-i-text em,.agreement-i-text i{font-style:italic;color:#E9EDFF}
.agreement-i-text a{color:#FDFF4E;text-decoration:none;font-weight:500;border-bottom:1px solid #fdff4e4d;transition:all .3s ease;padding-bottom:2px}
.agreement-i-text a:hover{color:#fff;border-bottom-color:#FDFF4E;text-shadow:0 2px 12px #fdff4e66}
.agreement-i-text table{width:100%;border-collapse:separate;border-spacing:0;margin:40px 0;background:#27198533;border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #0006 inset 0 2px 4px #fdff4e0d}
.agreement-i-text thead{background:linear-gradient(135deg,#271985 0%,#3a2ab3 100%)}
.agreement-i-text thead tr th{padding:20px 24px;text-align:left;font-size:1rem;font-weight:600;color:#FDFF4E;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #fdff4e4d}
.agreement-i-text tbody tr{transition:background .3s ease}
.agreement-i-text tbody tr:nth-child(even){background:#e9edff08}
.agreement-i-text tbody tr:hover{background:#fdff4e14}
.agreement-i-text tbody tr td{padding:18px 24px;font-size:1rem;line-height:1.6;color:#c5cde8;border-bottom:1px solid #e9edff14}
.agreement-i-text tbody tr:last-child td{border-bottom:none}
.agreement-i-text th{font-weight:600}
@media (max-width: 1024px) {
.agreement-i-text{padding:60px 32px;border-radius:28px}
.agreement-i-text h1{font-size:2.6rem;margin-bottom:40px}
.agreement-i-text h2{font-size:2rem;margin-top:48px}
.agreement-i-text h3{font-size:1.6rem}
}
@media (max-width: 768px) {
.agreement-i-text{padding:48px 24px;border-radius:24px}
.agreement-i-text h1{font-size:2.2rem;margin-bottom:32px}
.agreement-i-text h2{font-size:1.8rem;margin-top:40px;margin-bottom:24px}
.agreement-i-text h3{font-size:1.4rem;margin-top:32px}
.agreement-i-text h4{font-size:1.2rem}
.agreement-i-text p{font-size:1rem;margin-bottom:20px}
.agreement-i-text table{margin:32px 0;border-radius:20px}
.agreement-i-text thead tr th{padding:16px;font-size:.9rem}
.agreement-i-text tbody tr td{padding:14px 16px;font-size:.95rem}
}
@media (max-width: 480px) {
.agreement-i-text{padding:32px 20px;border-radius:20px}
.agreement-i-text h1{font-size:1.8rem;margin-bottom:28px}
.agreement-i-text h2{font-size:1.5rem;margin-top:36px;margin-bottom:20px}
.agreement-i-text h3{font-size:1.2rem;margin-top:28px}
.agreement-i-text table{font-size:.85rem;border-radius:16px}
.agreement-i-text thead tr th,.agreement-i-text tbody tr td{padding:12px}
}
.TitleSec{position:relative;overflow:hidden;padding:80px 0 100px;background:linear-gradient(175deg,#0a0620 0%,#1a1240 40%,#0f0828 100%)}
.TitleSec .wrap{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;flex-direction:row;align-items:center;gap:60px;position:relative;z-index:2}
.TitleSec .txt-zone{flex:1}
.TitleSec .MainHead{font-size:52px;line-height:1.1;color:#FDFF4E;margin:0 0 24px;font-weight:700}
.TitleSec .meta-txt{font-size:19px;line-height:1.6;color:#E9EDFF;opacity:.9}
.TitleSec .img-zone{flex:0 0 480px;position:relative}
.TitleSec .featured-img{width:100%;height:420px;object-fit:cover;border-radius:32px;box-shadow:0 16px 48px #fdff4e26;filter:brightness(0.95) contrast(1.05)}
.TitleSec::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,#fdff4e1f 0%,transparent 70%);top:-200px;right:-100px;border-radius:50%;filter:blur(80px);z-index:1}
.TitleSec::after{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,#27198540 0%,transparent 70%);bottom:-150px;left:-80px;border-radius:50%;filter:blur(100px);z-index:1}
.ProgressBar{padding:90px 0;background:linear-gradient(180deg,#0f0828 0%,#1a1240 100%);position:relative}
.ProgressBar .container-pb{max-width:1280px;margin:0 auto;padding:0 24px}
.ProgressBar .Headline{font-size:42px;line-height:1.2;color:#FDFF4E;margin:0 0 56px;text-align:center;font-weight:700}
.ProgressBar .tracker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.ProgressBar .step-card{background:linear-gradient(135deg,#27198533 0%,#2719850d 100%);border:1px solid #fdff4e26;border-radius:28px;padding:32px 24px;position:relative;transition:all .4s ease}
.ProgressBar .step-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #fdff4e1f;border-color:#fdff4e4d}
.ProgressBar .step-num{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#271985 0%,#1a1240 100%);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#FDFF4E;margin:0 0 20px;border:2px solid #fdff4e4d}
.ProgressBar .step-title{font-size:22px;line-height:1.3;color:#E9EDFF;margin:0 0 12px;font-weight:600}
.ProgressBar .step-desc{font-size:16px;line-height:1.5;color:#e9edffbf;margin:0}
.ProgressBar .step-card::after{content:'';position:absolute;width:100%;height:4px;background:linear-gradient(90deg,#fdff4e4d 0%,transparent 100%);bottom:0;left:0;border-radius:0 0 28px 28px;opacity:0;transition:opacity .4s ease}
.ProgressBar .step-card:hover::after{opacity:1}
.ValBlock{padding:100px 0;background:linear-gradient(265deg,#0a0620 0%,#1a1240 50%,#0f0828 100%);position:relative;overflow:hidden}
.ValBlock .contain-vb{max-width:1280px;margin:0 auto;padding:0 24px}
.ValBlock .MainTitle{font-size:46px;line-height:1.2;color:#FDFF4E;margin:0 0 64px;text-align:center;font-weight:700}
.ValBlock .split-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.ValBlock .img-column{position:relative}
.ValBlock .accent-img{width:100%;height:520px;object-fit:cover;border-radius:36px;box-shadow:0 24px 64px #2719854d}
.ValBlock .content-column{display:flex;flex-direction:column;gap:40px}
.ValBlock .principle-item{background:linear-gradient(120deg,#27198526 0%,#2719850d 100%);border-left:4px solid #FDFF4E;padding:28px 32px;border-radius:24px;transition:all .3s ease}
.ValBlock .principle-item:hover{background:linear-gradient(120deg,#27198540 0%,#2719851a 100%);transform:translateX(8px)}
.ValBlock .principle-title{font-size:24px;line-height:1.3;color:#FDFF4E;margin:0 0 12px;font-weight:600}
.ValBlock .principle-txt{font-size:17px;line-height:1.6;color:#e9edffd9;margin:0}
.ValBlock::before{content:'';position:absolute;width:700px;height:700px;background:radial-gradient(circle,#fdff4e14 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;filter:blur(120px);z-index:0}
.TestimonialWrap{padding:90px 0 110px;background:linear-gradient(180deg,#1a1240 0%,#0a0620 100%);position:relative}
.TestimonialWrap .holder-tw{max-width:1280px;margin:0 auto;padding:0 24px}
.TestimonialWrap .SectionHead{font-size:44px;line-height:1.2;color:#FDFF4E;margin:0 0 60px;text-align:center;font-weight:700}
.TestimonialWrap .cards-row{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.TestimonialWrap .test-card{background:linear-gradient(135deg,#27198533 0%,#27198514 100%);border:1px solid #fdff4e33;border-radius:32px;padding:40px;position:relative;transition:all .4s ease}
.TestimonialWrap .test-card:hover{transform:translateY(-8px);box-shadow:0 24px 56px #fdff4e26;border-color:#fdff4e66}
.TestimonialWrap .quote-txt{font-size:18px;line-height:1.7;color:#e9edffe6;margin:0 0 32px;font-style:italic}
.TestimonialWrap .quote-txt::before{content:'"';font-size:48px;color:#FDFF4E;opacity:.3;position:absolute;top:20px;left:24px}
.TestimonialWrap .author-row{display:flex;align-items:center;gap:20px}
.TestimonialWrap .author-img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #fdff4e4d}
.TestimonialWrap .author-info{flex:1}
.TestimonialWrap .author-name{font-size:20px;line-height:1.3;color:#FDFF4E;margin:0 0 4px;font-weight:600}
.TestimonialWrap .author-role{font-size:15px;line-height:1.4;color:#e9edffa6;margin:0}
.TestimonialWrap .rating-stars{display:flex;gap:4px}
.TestimonialWrap .star-icon{width:18px;height:18px;fill:#FDFF4E}
.TestimonialWrap .test-card:nth-child(1){grid-column:1 / 2}
.TestimonialWrap .test-card:nth-child(2){grid-column:2 / 3}
.TestimonialWrap .test-card:nth-child(3){grid-column:1 / -1;max-width:900px;margin:0 auto}
@media (max-width: 1024px) {
.TitleSec .wrap{flex-direction:column;gap:40px}
.TitleSec .img-zone{flex:1;width:100%;max-width:600px}
.TitleSec .MainHead{font-size:42px}
.ProgressBar .tracker-grid{grid-template-columns:repeat(2,1fr)}
.ValBlock .split-layout{grid-template-columns:1fr;gap:48px}
.TestimonialWrap .cards-row{grid-template-columns:1fr}
.TestimonialWrap .test-card:nth-child(3){grid-column:1 / 2}
}
@media (max-width: 768px) {
.TitleSec{padding:60px 0 70px}
.TitleSec .MainHead{font-size:36px;margin-bottom:20px}
.TitleSec .meta-txt{font-size:17px}
.TitleSec .img-zone{flex:0 0 auto}
.TitleSec .featured-img{height:320px}
.ProgressBar{padding:70px 0}
.ProgressBar .Headline{font-size:34px;margin-bottom:40px}
.ProgressBar .tracker-grid{grid-template-columns:1fr;gap:24px}
.ValBlock{padding:70px 0}
.ValBlock .MainTitle{font-size:36px;margin-bottom:48px}
.ValBlock .accent-img{height:380px}
.ValBlock .content-column{gap:28px}
.ValBlock .principle-title{font-size:21px}
.TestimonialWrap{padding:70px 0 80px}
.TestimonialWrap .SectionHead{font-size:36px;margin-bottom:44px}
.TestimonialWrap .test-card{padding:32px 24px}
.TestimonialWrap .quote-txt{font-size:16px;margin-bottom:28px}
}
@media (max-width: 480px) {
.TitleSec .MainHead{font-size:30px}
.TitleSec .meta-txt{font-size:16px}
.TitleSec .featured-img{height:280px;border-radius:24px}
.ProgressBar .Headline{font-size:28px}
.ProgressBar .step-card{padding:24px 20px}
.ProgressBar .step-num{width:48px;height:48px;font-size:20px}
.ValBlock .MainTitle{font-size:30px}
.ValBlock .accent-img{height:300px;border-radius:28px}
.ValBlock .principle-item{padding:24px}
.TestimonialWrap .SectionHead{font-size:30px}
.TestimonialWrap .author-img{width:56px;height:56px}
}
.cta-zone{padding:80px 0;background:linear-gradient(175deg,#1a1240 0%,#0f0828 100%);text-align:center}
.cta-zone .wrap-cta{max-width:1280px;margin:0 auto;padding:0 24px}
.cta-zone .cta-title{font-size:38px;line-height:1.2;color:#FDFF4E;margin:0 0 32px;font-weight:700}
.cta-zone .cta-desc{font-size:18px;line-height:1.6;color:#e9edffd9;margin:0 0 40px;max-width:720px;margin-left:auto;margin-right:auto}
.cta-zone .btn-group{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.cta-zone .PrimaryBtn{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#FDFF4E 0%,#e8eb3a 100%);color:#0a0620;font-size:18px;font-weight:700;border-radius:28px;text-decoration:none;transition:all .3s ease;border:none;box-shadow:0 8px 24px #fdff4e4d;position:relative;z-index:2}
.cta-zone .PrimaryBtn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #fdff4e66;background:linear-gradient(135deg,#fff35e 0%,#f0f440 100%)}
.cta-zone .SecondaryBtn{display:inline-block;padding:16px 40px;background:transparent;color:#FDFF4E;font-size:18px;font-weight:600;border-radius:28px;text-decoration:none;transition:all .3s ease;border:2px solid #FDFF4E;position:relative;z-index:2}
.cta-zone .SecondaryBtn:hover{background:#fdff4e1a;transform:translateY(-3px);box-shadow:0 8px 24px #fdff4e33}
@media (max-width: 768px) {
.cta-zone{padding:60px 0}
.cta-zone .cta-title{font-size:32px;margin-bottom:24px}
.cta-zone .cta-desc{font-size:16px;margin-bottom:32px}
.cta-zone .btn-group{flex-direction:column;align-items:center}
.cta-zone .PrimaryBtn,.cta-zone .SecondaryBtn{width:100%;max-width:320px}
}
.IntroRow{width:100%;max-width:1280px;margin:0 auto;padding:48px 24px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;background:linear-gradient(135deg,#1a0f5e 0%,#271985 100%);border-radius:32px;position:relative;overflow:hidden}
.IntroRow::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fdff4e26 0%,transparent 70%);animation:pulsate 8s ease-in-out infinite}
@keyframes pulsate {
0%,100%{transform:scale(1) translate(0,0);opacity:.3}
50%{transform:scale(1.2) translate(-20px,20px);opacity:.5}
}
.IntroRow .txtBlk{position:relative;z-index:2}
.IntroRow .mainHd{font-size:2.8rem;line-height:1.2;color:#FDFF4E;margin:0 0 20px;font-weight:700}
.IntroRow .subTxt{font-size:1.15rem;line-height:1.6;color:#E9EDFF;margin:0 0 16px}
.IntroRow .empTxt{font-size:1.05rem;line-height:1.7;color:#b8c3ff;margin:0 0 32px}
.IntroRow .btnGrp{display:flex;gap:16px;flex-wrap:wrap}
.IntroRow .PrmBtn{padding:14px 32px;background:#FDFF4E;color:#271985;border:none;border-radius:28px;font-size:1.05rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 4px 16px #fdff4e4d}
.IntroRow .PrmBtn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #fdff4e66}
.IntroRow .SecBtn{padding:14px 32px;background:transparent;color:#E9EDFF;border:2px solid #E9EDFF;border-radius:28px;font-size:1.05rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease}
.IntroRow .SecBtn:hover{background:#e9edff1a;border-color:#FDFF4E;color:#FDFF4E}
.IntroRow .imgBox{position:relative;z-index:2}
.IntroRow .imgBox img{width:100%;height:auto;border-radius:24px;box-shadow:0 12px 48px #0006;animation:floatImg 6s ease-in-out infinite}
@keyframes floatImg {
0%,100%{transform:translateY(0px)}
50%{transform:translateY(-12px)}
}
.ResourcesPart{width:100%;max-width:1280px;margin:80px auto;padding:0 24px}
.ResourcesPart .hdWrap{text-align:center;margin-bottom:56px}
.ResourcesPart .hdWrap h2{font-size:2.4rem;color:#E9EDFF;margin:0 0 16px;position:relative;display:inline-block}
.ResourcesPart .hdWrap h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#FDFF4E 0%,#271985 100%);border-radius:4px}
.ResourcesPart .hdWrap .descTxt{font-size:1.1rem;color:#b8c3ff;line-height:1.6;max-width:640px;margin:24px auto 0}
.ResourcesPart .cardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ResourcesPart .resCard{background:linear-gradient(145deg,#1d1464 0%,#271985 100%);border-radius:24px;padding:32px;position:relative;overflow:hidden;transition:all .4s ease;border:1px solid #fdff4e1a}
.ResourcesPart .resCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FDFF4E 0%,transparent 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.ResourcesPart .resCard:hover::before{transform:scaleX(1)}
.ResourcesPart .resCard:hover{transform:translateY(-8px);box-shadow:0 16px 48px #fdff4e33}
.ResourcesPart .resCard .iconWrap{width:56px;height:56px;background:#fdff4e26;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.ResourcesPart .resCard .iconWrap svg{width:28px;height:28px;fill:#FDFF4E}
.ResourcesPart .resCard h3{font-size:1.4rem;color:#FDFF4E;margin:0 0 12px}
.ResourcesPart .resCard .cardTxt{font-size:1rem;line-height:1.7;color:#E9EDFF;margin:0}
.InteractWrap{width:100%;max-width:1280px;margin:80px auto;padding:0 24px}
.InteractWrap .splitLayout{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.InteractWrap .txtArea h2{font-size:2.2rem;color:#E9EDFF;margin:0 0 24px;line-height:1.25}
.InteractWrap .txtArea .detailPara{font-size:1.05rem;line-height:1.7;color:#b8c3ff;margin:0 0 20px}
.InteractWrap .txtArea .emphBlock{background:#fdff4e14;border-left:4px solid #FDFF4E;padding:16px 20px;margin:24px 0;border-radius:8px}
.InteractWrap .txtArea .emphBlock p{font-size:1rem;color:#E9EDFF;margin:0;line-height:1.6}
.InteractWrap .imgHolder{position:relative}
.InteractWrap .imgHolder img{width:100%;height:auto;border-radius:24px;box-shadow:0 12px 32px #0000004d}
.EcosysPart{width:100%;background:linear-gradient(180deg,#0f0a3d 0%,#271985 100%);padding:80px 24px;margin:80px 0;position:relative}
.EcosysPart::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#FDFF4E 50%,transparent 100%)}
.EcosysPart .innerBox{max-width:1280px;margin:0 auto}
.EcosysPart h2{font-size:2.4rem;color:#FDFF4E;text-align:center;margin:0 0 48px}
.EcosysPart .featureRow{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.EcosysPart .featBox{background:#e9edff0d;border-radius:20px;padding:28px 24px;text-align:center;transition:all .3s ease;border:1px solid #fdff4e1a}
.EcosysPart .featBox:hover{background:#e9edff1a;border-color:#FDFF4E;transform:scale(1.05)}
.EcosysPart .featBox .numLabel{font-size:2rem;font-weight:700;color:#FDFF4E;margin:0 0 8px}
.EcosysPart .featBox .labelTxt{font-size:.95rem;color:#E9EDFF;margin:0;line-height:1.5}
.AboutArea{width:100%;max-width:1280px;margin:80px auto;padding:0 24px}
.AboutArea .contentSplit{display:flex;gap:56px;align-items:flex-start}
.AboutArea .leftCol{flex:1}
.AboutArea .leftCol h2{font-size:2.2rem;color:#FDFF4E;margin:0 0 24px;line-height:1.3}
.AboutArea .leftCol .corePara{font-size:1.05rem;line-height:1.7;color:#E9EDFF;margin:0 0 20px}
.AboutArea .rightCol{flex:1;background:linear-gradient(135deg,#1a0f5e 0%,#271985 100%);border-radius:24px;padding:40px;box-shadow:0 8px 32px #0000004d}
.AboutArea .rightCol h3{font-size:1.6rem;color:#FDFF4E;margin:0 0 20px}
.AboutArea .rightCol ul{list-style:none;padding:0;margin:0}
.AboutArea .rightCol ul li{font-size:1rem;color:#E9EDFF;line-height:1.6;padding:12px 0 12px 32px;position:relative}
.AboutArea .rightCol ul li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;background:#FDFF4E;border-radius:50%;opacity:.3}
.AboutArea .rightCol ul li::after{content:'';position:absolute;left:6px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#FDFF4E;border-radius:50%}
.GuaranteeSec{width:100%;max-width:1280px;margin:80px auto;padding:0 24px}
.GuaranteeSec .topHd{text-align:center;margin-bottom:48px}
.GuaranteeSec .topHd h2{font-size:2.4rem;color:#E9EDFF;margin:0 0 16px}
.GuaranteeSec .topHd .subLine{font-size:1.1rem;color:#b8c3ff;max-width:720px;margin:0 auto;line-height:1.6}
.GuaranteeSec .tabArea{background:linear-gradient(145deg,#1d1464 0%,#271985 100%);border-radius:28px;padding:48px;position:relative}
.GuaranteeSec .tabNav{display:flex;gap:12px;margin-bottom:32px;border-bottom:2px solid #fdff4e33;padding-bottom:12px}
.GuaranteeSec .tabNav input[type="radio"]{display:none}
.GuaranteeSec .tabNav label{padding:12px 24px;font-size:1.05rem;color:#b8c3ff;cursor:pointer;border-radius:12px;transition:all .3s ease;background:transparent}
.GuaranteeSec .tabNav label:hover{background:#fdff4e1a;color:#FDFF4E}
.GuaranteeSec .tabNav input[type="radio"]:checked + label{background:#FDFF4E;color:#271985;font-weight:600}
.GuaranteeSec .tabContent{display:none}
.GuaranteeSec #tab1:checked ~ .tabHolder .content1,.GuaranteeSec #tab2:checked ~ .tabHolder .content2,.GuaranteeSec #tab3:checked ~ .tabHolder .content3{display:block}
.GuaranteeSec .tabContent h3{font-size:1.8rem;color:#FDFF4E;margin:0 0 20px}
.GuaranteeSec .tabContent p{font-size:1.05rem;line-height:1.7;color:#E9EDFF;margin:0 0 16px}
.GuaranteeSec .tabContent .highlight{background:#fdff4e1f;padding:20px;border-radius:12px;border-left:4px solid #FDFF4E;margin:20px 0}
.GuaranteeSec .tabContent .highlight p{margin:0;color:#E9EDFF}
.InteractiveBlock{width:100%;background:linear-gradient(265deg,#FDFF4E 0%,#271985 50%,#E9EDFF 100%);padding:80px 24px;margin:80px 0}
.InteractiveBlock .centerBox{max-width:1280px;margin:0 auto}
.InteractiveBlock h2{font-size:2.4rem;color:#0f0a3d;text-align:center;margin:0 0 48px;font-weight:700}
.InteractiveBlock .progressArea{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.InteractiveBlock .progItem{background:#fffffff2;border-radius:20px;padding:32px;text-align:center;box-shadow:0 8px 24px #00000026;transition:all .3s ease}
.InteractiveBlock .progItem:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000040}
.InteractiveBlock .progItem .circleBar{width:120px;height:120px;margin:0 auto 20px;position:relative;border-radius:50%;background:conic-gradient(#271985 0deg,#271985 var(--prog-deg),#E9EDFF var(--prog-deg),#E9EDFF 360deg);display:flex;align-items:center;justify-content:center}
.InteractiveBlock .progItem .circleBar::before{content:'';width:90px;height:90px;background:#fff;border-radius:50%;position:absolute}
.InteractiveBlock .progItem .percNum{font-size:1.8rem;font-weight:700;color:#271985;position:relative;z-index:2}
.InteractiveBlock .progItem h3{font-size:1.3rem;color:#271985;margin:0 0 12px}
.InteractiveBlock .progItem .descTxt{font-size:.95rem;color:#666;line-height:1.5;margin:0}
.InteractiveBlock .progItem:nth-child(1) .circleBar{--prog-deg:252deg}
.InteractiveBlock .progItem:nth-child(2) .circleBar{--prog-deg:306deg}
.InteractiveBlock .progItem:nth-child(3) .circleBar{--prog-deg:331.2deg}
.TestimonialPart{width:100%;max-width:1280px;margin:80px auto;padding:0 24px}
.TestimonialPart .sectionHd{text-align:center;margin-bottom:56px}
.TestimonialPart .sectionHd h2{font-size:2.4rem;color:#E9EDFF;margin:0 0 16px}
.TestimonialPart .testimonialGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.TestimonialPart .testiCard{background:linear-gradient(145deg,#1d1464 0%,#271985 100%);border-radius:24px;padding:36px;position:relative;border:1px solid #fdff4e26}
.TestimonialPart .testiCard .profileRow{display:flex;align-items:center;gap:20px;margin-bottom:24px}
.TestimonialPart .testiCard .profileImg{width:64px;height:64px;border-radius:50%;overflow:hidden;border:3px solid #FDFF4E}
.TestimonialPart .testiCard .profileImg img{width:100%;height:100%;object-fit:cover}
.TestimonialPart .testiCard .profileInfo h4{font-size:1.3rem;color:#FDFF4E;margin:0 0 4px}
.TestimonialPart .testiCard .profileInfo .roleTxt{font-size:.95rem;color:#b8c3ff;margin:0}
.TestimonialPart .testiCard .quoteTxt{font-size:1.05rem;line-height:1.7;color:#E9EDFF;margin:0;font-style:italic}
.CtaSec{width:100%;max-width:1280px;margin:80px auto;padding:0 24px}
.CtaSec .ctaBox{background:linear-gradient(135deg,#271985 0%,#1a0f5e 100%);border-radius:32px;padding:64px 48px;text-align:center;position:relative;overflow:hidden;box-shadow:0 16px 48px #0000004d}
.CtaSec .ctaBox::before{content:'';position:absolute;top:-100px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,#fdff4e33 0%,transparent 70%);border-radius:50%}
.CtaSec .ctaBox::after{content:'';position:absolute;bottom:-120px;right:-120px;width:350px;height:350px;background:radial-gradient(circle,#e9edff26 0%,transparent 70%);border-radius:50%}
.CtaSec .ctaBox h2{font-size:2.6rem;color:#FDFF4E;margin:0 0 20px;position:relative;z-index:2}
.CtaSec .ctaBox .ctaPara{font-size:1.15rem;color:#E9EDFF;line-height:1.6;max-width:680px;margin:0 auto 36px;position:relative;z-index:2}
.CtaSec .ctaBox .ctaBtn{padding:16px 48px;background:#FDFF4E;color:#271985;border:none;border-radius:32px;font-size:1.15rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease;position:relative;z-index:2;box-shadow:0 8px 24px #fdff4e66}
.CtaSec .ctaBox .ctaBtn:hover{background:#fff;transform:scale(1.05);box-shadow:0 12px 32px #fdff4e80}
@media (max-width: 1024px) {
.IntroRow{grid-template-columns:1fr;gap:40px;padding:40px 20px}
.IntroRow .mainHd{font-size:2.2rem}
.ResourcesPart .cardGrid{grid-template-columns:repeat(2,1fr);gap:24px}
.InteractWrap .splitLayout{grid-template-columns:1fr;gap:32px}
.EcosysPart .featureRow{grid-template-columns:repeat(2,1fr)}
.AboutArea .contentSplit{flex-direction:column;gap:32px}
.TestimonialPart .testimonialGrid{grid-template-columns:1fr}
.InteractiveBlock .progressArea{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.IntroRow .mainHd{font-size:1.8rem}
.IntroRow .btnGrp{flex-direction:column}
.ResourcesPart .cardGrid{grid-template-columns:1fr}
.ResourcesPart .hdWrap h2{font-size:2rem}
.EcosysPart .featureRow{grid-template-columns:1fr}
.GuaranteeSec .tabArea{padding:32px 24px}
.GuaranteeSec .tabNav{flex-direction:column}
.CtaSec .ctaBox{padding:48px 32px}
.CtaSec .ctaBox h2{font-size:2rem}
}
body{margin:0;padding:0;background:#0a0628;color:#E9EDFF;min-height:100vh}
*{box-sizing:border-box}
.TopIntro{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(158deg,#1a0f5c 0%,#271985 35%,#3a2698 100%)}
.TopIntro::before{content:'';position:absolute;top:-50%;left:-10%;width:60%;height:200%;background:radial-gradient(ellipse at center,#fdff4e26 0%,transparent 70%);filter:blur(80px);animation:driftLeft 25s ease-in-out infinite}
.TopIntro::after{content:'';position:absolute;bottom:-30%;right:-5%;width:50%;height:180%;background:radial-gradient(circle at center,#e9edff1f 0%,transparent 65%);filter:blur(100px);animation:driftRight 30s ease-in-out infinite}
@keyframes driftLeft {
0%,100%{transform:translate(0,0)}
50%{transform:translate(40px,-60px)}
}
@keyframes driftRight {
0%,100%{transform:translate(0,0)}
50%{transform:translate(-50px,40px)}
}
.TopIntro .IntroContent{position:relative;z-index:2;max-width:720px;margin:0 auto;padding:60px 24px;text-align:center}
.TopIntro .IntroContent h1{font-size:3.2rem;font-weight:700;color:#FDFF4E;margin:0 0 20px;line-height:1.15;text-shadow:2px 4px 12px #0000004d}
.TopIntro .IntroContent .SubText{font-size:1.15rem;color:#E9EDFF;line-height:1.6;opacity:.95}
.FormZone{max-width:1280px;margin:0 auto;padding:80px 24px}
.FormZone .FormWrap{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start}
.ContactInfo .InfoTitle{font-size:2rem;font-weight:600;color:#271985;margin:0 0 28px}
.ContactInfo .DetailBox{background:linear-gradient(135deg,#E9EDFF 0%,#f4f6ff 100%);padding:28px;border-radius:24px;margin-bottom:24px;box-shadow:0 4px 16px #27198514;transition:transform .3s ease,box-shadow .3s ease}
.ContactInfo .DetailBox:hover{transform:translateY(-4px);box-shadow:0 8px 24px #27198524}
.ContactInfo .DetailBox .Label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#271985;margin:0 0 10px;opacity:.7}
.ContactInfo .DetailBox .Value{font-size:1.1rem;color:#1a0f5c;line-height:1.5;margin:0}
.ContactInfo .DetailBox .Value a{color:#271985;text-decoration:none;transition:color .3s ease}
.ContactInfo .DetailBox .Value a:hover{color:#FDFF4E}
.FormArea{background:#fff;padding:40px;border-radius:28px;box-shadow:0 8px 32px #2719851f}
.FormArea .FormHead{font-size:1.75rem;font-weight:600;color:#271985;margin:0 0 32px}
.FormArea .FieldGroup{margin-bottom:24px}
.FormArea .FieldGroup label{display:block;font-size:.95rem;font-weight:600;color:#271985;margin-bottom:8px}
.FormArea .FieldGroup input[type="text"],.FormArea .FieldGroup input[type="tel"],.FormArea .FieldGroup textarea{width:100%;padding:14px 18px;font-size:1rem;color:#1a0f5c;background:#f8f9ff;border:2px solid #E9EDFF;border-radius:12px;transition:all .3s ease;box-sizing:border-box}
.FormArea .FieldGroup input[type="text"]:focus,.FormArea .FieldGroup input[type="tel"]:focus,.FormArea .FieldGroup textarea:focus{outline:none;border-color:#FDFF4E;background:#fff;box-shadow:0 0 0 4px #fdff4e26}
.FormArea .FieldGroup textarea{min-height:140px;resize:vertical}
.FormArea .CheckWrap{margin:28px 0}
.FormArea .CheckWrap input[type="checkbox"]{margin-right:10px;width:18px;height:18px;cursor:pointer}
.FormArea .CheckWrap label{display:inline;font-size:.9rem;color:#1a0f5c;line-height:1.5;cursor:pointer}
.FormArea .CheckWrap label a{color:#271985;text-decoration:underline;transition:color .3s ease}
.FormArea .CheckWrap label a:hover{color:#FDFF4E}
.FormArea .SubmitBtn{width:100%;padding:16px 32px;font-size:1.1rem;font-weight:600;color:#271985;background:linear-gradient(135deg,#FDFF4E 0%,#f4fa3d 100%);border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #fdff4e4d}
.FormArea .SubmitBtn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fdff4e73;background:linear-gradient(135deg,#f4fa3d 0%,#FDFF4E 100%)}
.FormArea .SubmitBtn:active{transform:translateY(0)}
.DirectAccess{background:linear-gradient(135deg,#271985 0%,#1a0f5c 100%);padding:80px 24px;margin-top:40px}
.DirectAccess .AccessWrap{max-width:1100px;margin:0 auto;text-align:center}
.DirectAccess .AccessTitle{font-size:2.2rem;font-weight:700;color:#FDFF4E;margin:0 0 24px}
.DirectAccess .AccessDesc{font-size:1.1rem;color:#E9EDFF;line-height:1.6;margin:0 0 40px;max-width:680px;margin-left:auto;margin-right:auto}
.DirectAccess .QuickLinks{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.DirectAccess .QuickLinks a{padding:14px 32px;font-size:1rem;font-weight:600;color:#271985;background:#FDFF4E;border-radius:12px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #fdff4e40}
.DirectAccess .QuickLinks a:hover{transform:translateY(-3px);box-shadow:0 8px 24px #fdff4e66;background:#fff}
.HowToFind{max-width:1280px;margin:0 auto;padding:80px 24px}
.HowToFind .FindTitle{font-size:2.4rem;font-weight:700;color:#271985;margin:0 0 48px;text-align:center}
.HowToFind .StepGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.HowToFind .StepCard{background:linear-gradient(145deg,#f8f9ff 0%,#E9EDFF 100%);padding:32px;border-radius:24px;box-shadow:0 6px 20px #2719851a;transition:all .3s ease;position:relative;overflow:hidden}
.HowToFind .StepCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FDFF4E 0%,#271985 100%)}
.HowToFind .StepCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #2719852e}
.HowToFind .StepCard .StepNum{font-size:2.8rem;font-weight:800;color:#FDFF4E;text-shadow:2px 2px 0 #271985;margin:0 0 16px;line-height:1}
.HowToFind .StepCard .StepName{font-size:1.3rem;font-weight:600;color:#271985;margin:0 0 12px}
.HowToFind .StepCard .StepText{font-size:1rem;color:#1a0f5c;line-height:1.5;margin:0}
.ResponseTime{background:linear-gradient(160deg,#E9EDFF 0%,#f4f6ff 50%,#E9EDFF 100%);padding:70px 24px}
.ResponseTime .TimeWrap{max-width:920px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.ResponseTime .TimeContent h2{font-size:2.1rem;font-weight:700;color:#271985;margin:0 0 20px}
.ResponseTime .TimeContent p{font-size:1.05rem;color:#1a0f5c;line-height:1.6;margin:0 0 16px}
.ResponseTime .TimeStats{display:flex;flex-direction:column;gap:24px}
.ResponseTime .StatItem{background:#fff;padding:24px 28px;border-radius:20px;box-shadow:0 4px 16px #2719851a;display:flex;align-items:center;gap:20px;transition:transform .3s ease}
.ResponseTime .StatItem:hover{transform:translateX(8px)}
.ResponseTime .StatItem .StatIcon{width:56px;height:56px;background:linear-gradient(135deg,#FDFF4E 0%,#f4fa3d 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ResponseTime .StatItem .StatIcon svg{width:28px;height:28px;fill:#271985}
.ResponseTime .StatItem .StatInfo .StatValue{font-size:1.8rem;font-weight:700;color:#271985;margin:0 0 4px}
.ResponseTime .StatItem .StatInfo .StatLabel{font-size:.95rem;color:#1a0f5c;margin:0}
@media (max-width: 968px) {
.TopIntro .IntroContent h1{font-size:2.4rem}
.FormZone .FormWrap{grid-template-columns:1fr;gap:40px}
.ResponseTime .TimeWrap{grid-template-columns:1fr;gap:32px}
.HowToFind .StepGrid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.TopIntro{min-height:340px}
.TopIntro .IntroContent h1{font-size:2rem}
.TopIntro .IntroContent .SubText{font-size:1rem}
.FormArea{padding:28px 20px}
.DirectAccess .AccessTitle{font-size:1.8rem}
.DirectAccess .QuickLinks{flex-direction:column;align-items:stretch}
.DirectAccess .QuickLinks a{text-align:center}
}
.TitleHero{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:68px}
.TitleHero::before{content:'';position:absolute;inset:0;background-image:url(./picture_gallery/2024-09-19client12.jpg);background-size:cover;background-position:center;filter:blur(12px);transform:scale(1.1);z-index:1}
.TitleHero::after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#271985d9 0%,#fdff4e26 50%,#e9edffbf 100%);animation:gradShift 8s ease-in-out infinite;z-index:2}
@keyframes gradShift {
0%,100%{opacity:.85}
50%{opacity:.65}
}
.TitleHero .InnerWrap{position:relative;z-index:3;text-align:center;max-width:920px;padding:0 24px;backdrop-filter:blur(6px);background:#120c3099;border-radius:28px;padding:56px 44px;box-shadow:0 16px 48px #0006}
.TitleHero .MainHeading{font-size:3.2rem;line-height:1.25;color:#FDFF4E;margin:0 0 16px;text-shadow:0 4px 12px #00000080}
.TitleHero .SubText{font-size:1.35rem;line-height:1.5;color:#E9EDFF;margin:0;font-weight:300}
.IntroSection{max-width:1280px;margin:0 auto 88px;padding:0 24px}
.IntroSection .ContentGrid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.IntroSection .TextColumn h2{font-size:2.4rem;color:#FDFF4E;margin:0 0 28px;position:relative;padding-left:20px}
.IntroSection .TextColumn h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:32px;background:linear-gradient(180deg,#271985 0%,#FDFF4E 100%);border-radius:8px}
.IntroSection .TextColumn .Copy{font-size:1.05rem;line-height:1.75;color:#E9EDFF;margin-bottom:22px}
.IntroSection .ImageColumn{position:relative}
.IntroSection .ImageColumn img{width:100%;height:auto;border-radius:32px;box-shadow:0 12px 36px #fdff4e2e 0 4px 12px #27198540;object-fit:cover;display:block}
.IntroSection .ImageColumn::after{content:'';position:absolute;top:-18px;right:-18px;width:120px;height:120px;background:radial-gradient(circle,#fdff4e66 0%,transparent 70%);border-radius:50%;pointer-events:none}
.BreakPath{max-width:1280px;margin:0 auto 92px;padding:0 24px}
.BreakPath .PathContainer{background:linear-gradient(135deg,#27198559 0%,#e9edff1f 100%);border-radius:36px;padding:64px 56px;position:relative;overflow:hidden}
.BreakPath .PathContainer::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fdff4e14 0%,transparent 70%);border-radius:50%}
.BreakPath h2{font-size:2.6rem;color:#FDFF4E;text-align:center;margin:0 0 52px}
.BreakPath .StepsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;position:relative}
.BreakPath .StepCard{background:#120c3099;border-radius:28px;padding:42px 32px;border:2px solid #fdff4e26;box-shadow:0 8px 24px #0000004d;transition:transform .3s ease,box-shadow .3s ease;position:relative}
.BreakPath .StepCard:hover{transform:translateY(-8px);box-shadow:0 16px 48px #fdff4e40}
.BreakPath .StepCard .StepNum{font-size:3.2rem;font-weight:700;color:#fdff4e4d;line-height:1;margin:0 0 16px}
.BreakPath .StepCard h3{font-size:1.5rem;color:#E9EDFF;margin:0 0 18px}
.BreakPath .StepCard p{font-size:.98rem;line-height:1.65;color:#e9edffd9;margin:0}
.ProfilesShowcase{max-width:1280px;margin:0 auto 96px;padding:0 24px}
.ProfilesShowcase h2{font-size:2.5rem;color:#FDFF4E;text-align:center;margin:0 0 58px;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}
.ProfilesShowcase h2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,transparent 0%,#271985 50%,transparent 100%);border-radius:4px}
.ProfilesShowcase .ProfilesLayout{display:flex;gap:44px;justify-content:center;flex-wrap:wrap}
.ProfilesShowcase .ProfileBox{background:linear-gradient(165deg,#27198540 0%,#e9edff14 100%);border-radius:32px;padding:38px;width:calc(33.333% - 30px);min-width:280px;border:2px solid #fdff4e1f;box-shadow:0 10px 32px #00000040;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .35s ease,border-color .35s ease}
.ProfilesShowcase .ProfileBox:hover{transform:scale(1.05);border-color:#fdff4e59}
.ProfilesShowcase .ProfileBox .ImgWrap{width:140px;height:140px;border-radius:50%;overflow:hidden;margin-bottom:24px;border:4px solid #fdff4e40;box-shadow:0 6px 20px #00000059}
.ProfilesShowcase .ProfileBox .ImgWrap img{width:100%;height:100%;object-fit:cover;display:block}
.ProfilesShowcase .ProfileBox h4{font-size:1.4rem;color:#E9EDFF;margin:0 0 10px}
.ProfilesShowcase .ProfileBox .Role{font-size:.92rem;color:#fdff4ed9;margin:0 0 20px;font-weight:500}
.ProfilesShowcase .ProfileBox .Quote{font-size:.96rem;line-height:1.6;color:#e9edffcc;margin:0;font-style:italic}
@media (max-width: 1024px) {
.TitleHero .MainHeading{font-size:2.6rem}
.IntroSection .ContentGrid{grid-template-columns:1fr;gap:48px}
.BreakPath .StepsGrid{grid-template-columns:1fr;gap:36px}
.ProfilesShowcase .ProfileBox{width:calc(50% - 22px)}
}
@media (max-width: 768px) {
.TitleHero{min-height:420px;margin-bottom:52px}
.TitleHero .InnerWrap{padding:42px 28px}
.TitleHero .MainHeading{font-size:2.2rem}
.TitleHero .SubText{font-size:1.1rem}
.IntroSection .TextColumn h2{font-size:2rem}
.BreakPath .PathContainer{padding:48px 32px}
.BreakPath h2{font-size:2.2rem}
.ProfilesShowcase .ProfileBox{width:100%}
}
@media (max-width: 480px) {
.TitleHero .MainHeading{font-size:1.8rem}
.TitleHero .SubText{font-size:1rem}
.IntroSection,.BreakPath,.ProfilesShowcase{padding:0 16px}
.BreakPath .PathContainer{padding:36px 24px}
}
.window{background:linear-gradient(135deg,#120c30f2 0%,#271985d9 100%);box-shadow:0 20px 64px #00000080}
.title-bar{background:linear-gradient(90deg,#271985 0%,#fdff4e26 100%)}
.title-bar-text{color:#FDFF4E}
::-webkit-scrollbar{width:14px}
::-webkit-scrollbar-track{background:#27198533;border-radius:10px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#271985 0%,#FDFF4E 100%);border-radius:10px;box-shadow:0 4px 12px #0000004d}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#FDFF4E 0%,#271985 100%)}
html{scroll-behavior:smooth}
.IntlHero{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#271985d9 0%,#271985a6 50%,#271985d9 100%),url(./picture_gallery/2024-10-17-features-1.jpg) center/cover no-repeat;overflow:hidden}
.IntlHero::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:repeating-linear-gradient(90deg,#FDFF4E 0px,#FDFF4E 24px,transparent 24px,transparent 48px);opacity:.7}
.IntlHero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:repeating-linear-gradient(90deg,#E9EDFF 0px,#E9EDFF 24px,transparent 24px,transparent 48px);opacity:.6}
.IntlHero .CenterHold{max-width:880px;margin:0 auto;padding:60px 24px;text-align:center;position:relative;z-index:2}
.IntlHero .MainHead{font-size:3rem;line-height:1.15;color:#FDFF4E;margin:0 0 28px;font-weight:700;text-shadow:2px 4px 16px #0006}
.IntlHero .SubText{font-size:1.3rem;line-height:1.6;color:#E9EDFF;margin:0;text-shadow:1px 2px 8px #0000004d}
@media (max-width: 768px) {
.IntlHero{min-height:380px}
.IntlHero .MainHead{font-size:2.2rem;margin-bottom:20px}
.IntlHero .SubText{font-size:1.1rem}
}
.ProgramGrid{background:#0f0a2e;padding:96px 24px;position:relative}
.ProgramGrid .ContentWrap{max-width:1280px;margin:0 auto}
.ProgramGrid .SectionLabel{font-size:2.5rem;color:#FDFF4E;margin:0 0 16px;font-weight:600;position:relative;display:inline-block}
.ProgramGrid .SectionLabel::after{content:'';position:absolute;bottom:-8px;left:0;width:120px;height:4px;background:linear-gradient(90deg,#FDFF4E 0%,transparent 100%);border-radius:24px}
.ProgramGrid .IntroBlock{margin-bottom:68px}
.ProgramGrid .IntroText{font-size:1.15rem;line-height:1.7;color:#E9EDFF;margin:24px 0 0;max-width:820px}
.ProgramGrid .CardLayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;margin-bottom:72px}
.ProgramGrid .InfoCard{background:linear-gradient(145deg,#1a1245 0%,#271985 100%);border-radius:32px;padding:48px 36px;box-shadow:0 12px 32px #0000004d inset 0 1px 0 #fdff4e1a;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}
.ProgramGrid .InfoCard::before{content:'';position:absolute;top:0;right:0;width:140px;height:140px;background:radial-gradient(circle,#fdff4e14 0%,transparent 70%);border-radius:50%;transform:translate(40%,-40%)}
.ProgramGrid .InfoCard:hover{transform:translateY(-8px);box-shadow:0 20px 48px #fdff4e26 inset 0 1px 0 #fdff4e33}
.ProgramGrid .CardTitle{font-size:1.6rem;color:#FDFF4E;margin:0 0 20px;font-weight:600;position:relative;z-index:1}
.ProgramGrid .CardDesc{font-size:1.05rem;line-height:1.65;color:#E9EDFF;margin:0;position:relative;z-index:1}
.ProgramGrid .ProfileSection{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-top:72px}
.ProgramGrid .ProfileCard{background:#1a1245;border-radius:28px;padding:0;box-shadow:0 8px 24px #00000040;overflow:hidden;transition:transform .3s ease}
.ProgramGrid .ProfileCard:hover{transform:scale(1.03)}
.ProgramGrid .ProfileImg{width:100%;height:280px;object-fit:cover;display:block}
.ProgramGrid .ProfileInfo{padding:32px 28px}
.ProgramGrid .ProfileName{font-size:1.4rem;color:#FDFF4E;margin:0 0 8px;font-weight:600}
.ProgramGrid .ProfileRole{font-size:1rem;color:#E9EDFF;margin:0 0 16px;opacity:.85}
.ProgramGrid .ProfileQuote{font-size:.98rem;line-height:1.6;color:#E9EDFF;margin:0;font-style:italic;opacity:.9}
.ProgramGrid .CtaArea{text-align:center;margin-top:80px;padding-top:64px;border-top:2px solid #fdff4e26}
.ProgramGrid .CtaTitle{font-size:2rem;color:#E9EDFF;margin:0 0 32px;font-weight:600}
.ProgramGrid .BtnHold{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ProgramGrid .PriBtn{display:inline-block;padding:18px 48px;background:linear-gradient(135deg,#FDFF4E 0%,#e6eb3a 100%);color:#271985;font-size:1.1rem;font-weight:700;text-decoration:none;border-radius:32px;box-shadow:0 8px 24px #fdff4e4d;transition:all .3s ease;position:relative;z-index:5}
.ProgramGrid .PriBtn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #fdff4e73;background:linear-gradient(135deg,#e6eb3a 0%,#FDFF4E 100%)}
.ProgramGrid .SecBtn{display:inline-block;padding:18px 48px;background:transparent;color:#E9EDFF;font-size:1.1rem;font-weight:600;text-decoration:none;border:2px solid #E9EDFF;border-radius:32px;transition:all .3s ease;position:relative;z-index:5}
.ProgramGrid .SecBtn:hover{background:#e9edff1a;border-color:#FDFF4E;color:#FDFF4E;transform:translateY(-3px);box-shadow:0 8px 20px #e9edff33}
@media (max-width: 1024px) {
.ProgramGrid .ProfileSection{grid-template-columns:1fr 1fr}
}
@media (max-width: 768px) {
.ProgramGrid{padding:64px 20px}
.ProgramGrid .SectionLabel{font-size:2rem}
.ProgramGrid .CardLayout{grid-template-columns:1fr;gap:24px}
.ProgramGrid .ProfileSection{grid-template-columns:1fr;gap:28px}
.ProgramGrid .BtnHold{flex-direction:column;align-items:stretch}
.ProgramGrid .PriBtn,.ProgramGrid .SecBtn{width:100%;text-align:center}
}
@media (max-width: 480px) {
.ProgramGrid .InfoCard{padding:36px 24px}
.ProgramGrid .ProfileImg{height:240px}
}
.ScsMsg{background:linear-gradient(135deg,#1a0f4d 0%,#271985 50%,#1f1559 100%);min-height:90vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.ScsMsg::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#fdff4e0d 0%,transparent 70%);animation:pls 20s infinite linear}
@keyframes pls {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.ScsMsg .Wrap{max-width:720px;width:100%;margin:0 auto;position:relative;z-index:2}
.ScsMsg .Card{background:#e9edff0d;border:2px solid #fdff4e33;border-radius:32px;padding:70px 50px;text-align:center;backdrop-filter:blur(20px);box-shadow:0 20px 60px #0006 inset 0 1px 0 #fdff4e1a;position:relative}
.ScsMsg .Card::before{content:'';position:absolute;top:-2px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent 0%,#FDFF4E 50%,transparent 100%)}
.ScsMsg .IcnBox{width:100px;height:100px;margin:0 auto 35px;position:relative}
.ScsMsg .IcnBox::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#FDFF4E 0%,#271985 100%);border-radius:50%;animation:rtt 3s infinite ease-in-out}
@keyframes rtt {
0%,100%{transform:scale(1) rotate(0deg)}
50%{transform:scale(1.1) rotate(180deg)}
}
.ScsMsg .IcnBox svg{position:relative;z-index:2;width:100%;height:100%;padding:25px}
.ScsMsg .TtlMain{font-size:42px;font-weight:700;color:#E9EDFF;margin:0 0 18px;line-height:1.2}
.ScsMsg .TtlMain .Hlt{background:linear-gradient(120deg,#FDFF4E 0%,#E9EDFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}
.ScsMsg .TtlMain .Hlt::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:3px;background:#FDFF4E;border-radius:2px}
.ScsMsg .TxtSub{font-size:18px;line-height:1.65;color:#e9edffd9;margin:0 0 40px;max-width:520px;margin-left:auto;margin-right:auto}
.ScsMsg .ActBar{display:flex;flex-direction:column;gap:18px;align-items:center;margin-top:45px}
.ScsMsg .BtnPrm{background:linear-gradient(135deg,#FDFF4E 0%,#f4f54a 100%);color:#271985;font-size:17px;font-weight:600;padding:18px 50px;border-radius:28px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #fdff4e4d;text-decoration:none;display:inline-block}
.ScsMsg .BtnPrm:hover{transform:translateY(-3px);box-shadow:0 12px 32px #fdff4e73;background:linear-gradient(135deg,#f4f54a 0%,#FDFF4E 100%)}
.ScsMsg .BtnScd{background:transparent;color:#E9EDFF;font-size:17px;font-weight:500;padding:16px 40px;border-radius:28px;border:2px solid #e9edff4d;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}
.ScsMsg .BtnScd:hover{border-color:#FDFF4E;color:#FDFF4E;box-shadow:0 4px 16px #fdff4e33}
.ScsMsg .InfoTxt{font-size:15px;color:#e9edff99;margin-top:30px;line-height:1.5}
.ScsMsg .InfoTxt a{color:#FDFF4E;text-decoration:none;border-bottom:1px solid #fdff4e66;transition:all .3s ease}
.ScsMsg .InfoTxt a:hover{color:#E9EDFF;border-bottom-color:#E9EDFF}
.Deco{background:#27198533;padding:80px 20px;position:relative;overflow:hidden}
.Deco::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#fdff4e4d 50%,transparent 100%)}
.Deco .Cntnr{max-width:1280px;margin:0 auto}
.Deco .Grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:35px}
.Deco .Itm{background:#e9edff08;border:1px solid #e9edff1a;border-radius:24px;padding:35px 30px;transition:all .4s ease;position:relative}
.Deco .Itm::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#FDFF4E 0%,#271985 100%);border-radius:4px 0 0 0;transition:height .4s ease}
.Deco .Itm:hover::before{height:100%}
.Deco .Itm:hover{transform:translateY(-6px);border-color:#fdff4e4d;box-shadow:0 16px 40px #0000004d}
.Deco .IcnSm{width:50px;height:50px;margin-bottom:22px;background:linear-gradient(135deg,#fdff4e1a 0%,#27198533 100%);border-radius:16px;display:flex;align-items:center;justify-content:center}
.Deco .IcnSm svg{width:26px;height:26px}
.Deco .TtlSm{font-size:20px;font-weight:600;color:#E9EDFF;margin:0 0 12px}
.Deco .TxtSm{font-size:15px;line-height:1.6;color:#e9edffb3;margin:0}
@media (max-width: 768px) {
.ScsMsg{padding:40px 20px;min-height:auto}
.ScsMsg .Card{padding:50px 30px;border-radius:28px}
.ScsMsg .TtlMain{font-size:32px}
.ScsMsg .TxtSub{font-size:16px}
.ScsMsg .BtnPrm,.ScsMsg .BtnScd{width:100%;max-width:320px;font-size:16px}
.Deco{padding:60px 20px}
.Deco .Grid{gap:25px}
}
@media (max-width: 480px) {
.ScsMsg .Card{padding:40px 24px}
.ScsMsg .TtlMain{font-size:28px}
.ScsMsg .IcnBox{width:80px;height:80px}
}