*{margin:0;padding:0;border:0;box-sizing:border-box}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,img,ul,li,nav,header,footer,main,section,article{margin:0;padding:0;border:0}
body{font-family:'Bitter',serif;font-size:16px;line-height:1.6;color:#170E1B;background-color:#FDFCFD}
.SiteHeado{position:relative;width:100%;min-height:140px;overflow:hidden}
.BannerBack{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9f89e81f 0%,#f3ebf759 100%);z-index:1}
.BannerBack .CompanyLabel{font-size:120px;font-weight:700;color:#9f89e82e;letter-spacing:8px;text-transform:uppercase;user-select:none}
.OverlayFront{position:relative;z-index:2;width:100%;padding:24px 0}
.HeadoWrap{max-width:1140px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.LogoZone{flex-shrink:0}
.LogoLink{display:block;width:110px;height:110px;transition:transform .35s cubic-bezier(0.34,1.56,0.64,1)}
.LogoLink:hover{transform:scale(1.05)}
.LogoImg{width:100%;height:100%;object-fit:contain;box-shadow:0 4px 16px #170e1b1a;border-radius:8px;background-color:#ffffff80}
.MainNavi{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.MainNavi .NaviLink{font-size:17px;font-weight:500;color:#170E1B;text-decoration:none;padding:8px 4px;position:relative;transition:color .3s cubic-bezier(0.4,0,0.2,1)}
.MainNavi .NaviLink::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#9F89E8;transition:width .4s cubic-bezier(0.4,0,0.2,1)}
.MainNavi .NaviLink:hover{color:#9F89E8}
.MainNavi .NaviLink:hover::after{width:100%}
.SiteFoot{background:linear-gradient(to bottom,#F3EBF7 0%,#f3ebf799 100%);padding:60px 0 0;margin-top:80px}
.FootContent{max-width:1140px;margin:0 auto;padding:0 20px}
.FootGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:50px}
.ContactCard,.InfoCard,.LinkCard{background-color:#ffffffb3;padding:32px;border-radius:8px;box-shadow:0 8px 24px #170e1b14;transition:box-shadow .35s cubic-bezier(0.4,0,0.2,1)}
.ContactCard:hover,.InfoCard:hover,.LinkCard:hover{box-shadow:0 12px 32px #9f89e82e}
.ContactCard{min-height:280px}
.InfoCard{min-height:220px}
.LinkCard{min-height:180px}
.FootGrid .CardHeading{font-size:22px;font-weight:700;color:#170E1B;margin-bottom:20px}
.ContactDetail{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.ContactDetail .DetailIcon{color:#9F89E8;font-size:20px;flex-shrink:0;margin-top:2px}
.ContactDetail .DetailText{font-size:15px;line-height:1.5;color:#170E1B}
.FootLink{color:#170E1B;text-decoration:none;transition:color .3s ease}
.FootLink:hover{color:#9F89E8}
.InfoPara{font-size:15px;line-height:1.7;color:#170e1bd9}
.FootNavi{display:flex;flex-direction:column;gap:12px}
.FootNaviLink{font-size:15px;color:#170E1B;text-decoration:none;padding:8px 0;border-left:3px solid transparent;padding-left:12px;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.FootNaviLink:hover{border-left-color:#9F89E8;color:#9F89E8;padding-left:18px}
.CopyrightBar{border-top:1px solid #9f89e84d;padding:24px 0;text-align:center}
.CopyrightText{font-size:14px;color:#170e1bb3}
.CookieCard{position:fixed;left:20px;top:50%;transform:translateY(-50%) translateX(-120%);max-width:420px;background-color:#FFF;border-radius:10px;box-shadow:0 16px 48px #170e1b40;z-index:9999;transition:transform .5s cubic-bezier(0.34,1.56,0.64,1);display:none}
.CookieCard[data-visible="true"]{transform:translateY(-50%) translateX(0)}
.CookieInner{padding:28px}
.CookieHeading{font-size:20px;font-weight:700;color:#170E1B;margin-bottom:12px}
.CookieDesc{font-size:14px;line-height:1.6;color:#170e1bcc;margin-bottom:20px}
.CookieToggles{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}
.ToggleRow{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f3ebf766;border-radius:6px}
.ToggleLabel{display:flex;align-items:center;gap:10px;cursor:pointer}
.ToggleInput{width:18px;height:18px;cursor:pointer;accent-color:#9F89E8}
.ToggleInput:disabled{cursor:not-allowed}
.ToggleName{font-size:15px;font-weight:500;color:#170E1B}
.ToggleInfo{font-size:13px;color:#170e1ba6}
.CookieActions{display:flex;gap:12px}
.CookieButt{flex:1;padding:12px 20px;font-size:15px;font-weight:500;font-family:'Bitter',serif;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.ButtAccept{background-color:#9F89E8;color:#FFF}
.ButtAccept:hover{background-color:#8A6FD4;box-shadow:0 6px 20px #9f89e866}
.ButtDecline{background-color:transparent;color:#170E1B;border:2px solid #170E1B}
.ButtDecline:hover{background-color:#170E1B;color:#FFF}
@media (max-width: 768px) {
.BannerBack .CompanyLabel{font-size:60px;letter-spacing:4px}
.HeadoWrap{flex-direction:column;gap:24px}
.MainNavi{flex-direction:column;align-items:center;gap:16px;width:100%}
.MainNavi .NaviLink{width:100%;text-align:center;padding:12px}
.FootGrid{grid-template-columns:1fr;gap:30px}
.CookieCard{left:10px;right:10px;max-width:calc(100% - 20px)}
.CookieActions{flex-direction:column}
}
@media (max-width: 480px) {
.LogoLink{width:80px;height:80px}
.BannerBack .CompanyLabel{font-size:40px}
.SiteHeado{min-height:110px}
}
.TitledHero{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#F3EBF7 0%,#fff 100%);padding:80px 20px;margin-bottom:0}
.TitledHero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#9747ff08 1px,transparent 1px),linear-gradient(90deg,#9747ff08 1px,transparent 1px);background-size:60px 60px;z-index:1}
.TitledHero .hero-wrap{max-width:1140px;margin:0 auto;width:100%;position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.TitledHero .text-zone h1{font-size:3.2rem;line-height:1.15;color:#170E1B;margin:0 0 24px;font-weight:700}
.TitledHero .text-zone .lead-quote{font-size:1.25rem;line-height:1.6;color:#170E1B;opacity:.8;margin:0;font-style:italic;border-left:4px solid #9F89E8;padding-left:20px}
.TitledHero .img-zone{position:relative;transform:rotate(-3deg);box-shadow:0 16px 48px #170e1b26;border-radius:8px;overflow:hidden}
.TitledHero .img-zone img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:4/3}
.PathSection{padding:90px 20px;background:#fff}
.PathSection .path-container{max-width:1140px;margin:0 auto}
.PathSection .head-area{text-align:center;margin-bottom:60px}
.PathSection .head-area h2{font-size:2.5rem;color:#170E1B;margin:0 0 16px;font-weight:700}
.PathSection .head-area .sub-text{font-size:1.1rem;line-height:1.7;color:#170E1B;opacity:.75;max-width:720px;margin:0 auto}
.PathSection .timeline-flow{position:relative;display:grid;gap:40px;margin-top:50px}
.PathSection .phase-item{display:grid;grid-template-columns:80px 1fr;gap:30px;align-items:start;padding:30px;background:linear-gradient(135deg,#F3EBF7 0%,#f3ebf74d 100%);border-radius:10px;border:2px solid transparent;transition:all .4s cubic-bezier(0.4,0,0.2,1)}
.PathSection .phase-item:hover{border-color:#9F89E8;box-shadow:0 12px 32px #9f89e833;transform:translateY(-4px)}
.PathSection .phase-num{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#9F89E8 0%,#7B5FCC 100%);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;flex-shrink:0}
.PathSection .phase-content h3{font-size:1.5rem;color:#170E1B;margin:0 0 12px;font-weight:700}
.PathSection .phase-content p{font-size:1rem;line-height:1.7;color:#170E1B;opacity:.8;margin:0}
.CommunityZone{padding:90px 20px;background:#170E1B;position:relative;overflow:hidden}
.CommunityZone::after{content:'';position:absolute;bottom:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#9f89e826 0%,transparent 70%);border-radius:50%;z-index:1}
.CommunityZone .comm-wrap{max-width:1140px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.CommunityZone .img-panel{position:relative}
.CommunityZone .img-panel img{width:100%;height:auto;display:block;border-radius:10px;box-shadow:0 20px 60px #0006;object-fit:cover;aspect-ratio:3/4}
.CommunityZone .text-panel h2{font-size:2.4rem;color:#fff;margin:0 0 24px;font-weight:700}
.CommunityZone .text-panel p{font-size:1.05rem;line-height:1.8;color:#F3EBF7;margin:0 0 20px}
.CommunityZone .text-panel .highlight-box{background:#9f89e826;border-left:4px solid #9F89E8;padding:20px 24px;border-radius:6px;margin-top:30px}
.CommunityZone .text-panel .highlight-box p{margin:0;font-style:italic;color:#F3EBF7}
.QualityBlock{padding:90px 20px;background:linear-gradient(180deg,#F3EBF7 0%,#fff 100%)}
.QualityBlock .qual-container{max-width:1140px;margin:0 auto}
.QualityBlock .top-head{text-align:center;margin-bottom:60px}
.QualityBlock .top-head h2{font-size:2.5rem;color:#170E1B;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.QualityBlock .top-head h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:#9F89E8;border-radius:2px}
.QualityBlock .top-head .desc{font-size:1.1rem;line-height:1.7;color:#170E1B;opacity:.75;max-width:680px;margin:24px auto 0}
.QualityBlock .standards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}
.QualityBlock .standard-card{background:#fff;padding:40px 30px;border-radius:10px;box-shadow:0 8px 24px #170e1b14;text-align:center;transition:all .4s cubic-bezier(0.4,0,0.2,1);border:2px solid transparent}
.QualityBlock .standard-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #9f89e840;border-color:#9F89E8}
.QualityBlock .standard-card .icon-holder{width:70px;height:70px;margin:0 auto 24px;background:linear-gradient(135deg,#9F89E8 0%,#7B5FCC 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.QualityBlock .standard-card .icon-holder .lnr{font-size:32px;color:#fff}
.QualityBlock .standard-card h3{font-size:1.4rem;color:#170E1B;margin:0 0 14px;font-weight:700}
.QualityBlock .standard-card p{font-size:.95rem;line-height:1.6;color:#170E1B;opacity:.75;margin:0}
.QualityBlock .visual-proof{margin-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.QualityBlock .visual-proof .proof-img{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 12px 36px #170e1b1f}
.QualityBlock .visual-proof .proof-img img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:16/10}
.QualityBlock .visual-proof .proof-text h3{font-size:2rem;color:#170E1B;margin:0 0 20px;font-weight:700}
.QualityBlock .visual-proof .proof-text p{font-size:1.05rem;line-height:1.8;color:#170E1B;opacity:.8;margin:0 0 16px}
.QualityBlock .visual-proof .stat-row{display:flex;gap:30px;margin-top:30px}
.QualityBlock .visual-proof .stat-item{flex:1}
.QualityBlock .visual-proof .stat-item .num{font-size:2.2rem;font-weight:700;color:#9F89E8;margin:0 0 6px}
.QualityBlock .visual-proof .stat-item .label{font-size:.9rem;color:#170E1B;opacity:.7;margin:0}
@media (max-width: 968px) {
.TitledHero .hero-wrap{grid-template-columns:1fr;gap:40px}
.TitledHero .text-zone h1{font-size:2.4rem}
.TitledHero .img-zone{transform:rotate(-2deg)}
.PathSection .phase-item{grid-template-columns:60px 1fr;gap:20px;padding:24px}
.PathSection .phase-num{width:60px;height:60px;font-size:1.6rem}
.CommunityZone .comm-wrap{grid-template-columns:1fr;gap:40px}
.QualityBlock .standards-grid{grid-template-columns:1fr;gap:24px}
.QualityBlock .visual-proof{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 640px) {
.TitledHero{min-height:420px;padding:60px 20px}
.TitledHero .text-zone h1{font-size:2rem}
.TitledHero .text-zone .lead-quote{font-size:1.1rem}
.PathSection{padding:60px 20px}
.PathSection .head-area h2{font-size:2rem}
.CommunityZone{padding:60px 20px}
.CommunityZone .text-panel h2{font-size:2rem}
.QualityBlock{padding:60px 20px}
.QualityBlock .top-head h2{font-size:2rem}
.QualityBlock .visual-proof .stat-row{flex-direction:column;gap:20px}
}
.ContactPage{width:100%;max-width:1140px;margin:0 auto;padding:0 20px}
.ContactPage .TitleRing{position:relative;height:420px;display:flex;align-items:center;justify-content:center;margin:60px 0 80px;overflow:hidden}
.ContactPage .TitleRing::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:520px;height:520px;border:2px solid #9f89e84d;border-radius:50%;z-index:1}
.ContactPage .TitleRing::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;height:380px;border:1px solid #9f89e833;border-radius:50%;z-index:1}
.ContactPage .ringBg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.12;filter:blur(3px);z-index:0}
.ContactPage .ringText{position:relative;z-index:2;text-align:center;max-width:280px}
.ContactPage .ringText h1{font-size:48px;line-height:1.1;color:#170E1B;margin:0;font-weight:700}
.ContactPage .ringText .accent{color:#9F89E8;position:relative}
.ContactPage .ringText .accent::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#9F89E8,transparent)}
.ContactPage .IntroBlock{margin-bottom:70px;text-align:center}
.ContactPage .IntroBlock p{font-size:17px;line-height:1.7;color:#170E1B;max-width:680px;margin:0 auto 28px}
.ContactPage .IntroBlock p:last-child{margin-bottom:0}
.ContactPage .ReachGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:80px}
.ContactPage .reachCard{background:#F3EBF7;padding:38px 28px;border-radius:8px;box-shadow:0 4px 16px #170e1b0f;transition:all .35s cubic-bezier(0.34,1.56,0.64,1)}
.ContactPage .reachCard:hover{transform:translateY(-6px);box-shadow:0 12px 28px #9f89e82e}
.ContactPage .reachCard .cardIcon{width:52px;height:52px;background:linear-gradient(135deg,#9F89E8,#170E1B);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.ContactPage .reachCard .cardIcon .lnr{font-size:24px;color:#F3EBF7}
.ContactPage .reachCard h3{font-size:20px;color:#170E1B;margin:0 0 14px;font-weight:600}
.ContactPage .reachCard p{font-size:15px;line-height:1.6;color:#170e1bd9;margin:0}
.ContactPage .reachCard a{color:#9F89E8;text-decoration:none;transition:color .3s ease}
.ContactPage .reachCard a:hover{color:#170E1B}
.ContactPage .FormSection{background:linear-gradient(135deg,#9f89e814,#f3ebf799);padding:65px 40px;border-radius:10px;margin-bottom:80px;box-shadow:0 6px 24px #170e1b14}
.ContactPage .FormSection h2{font-size:36px;color:#170E1B;text-align:center;margin:0 0 16px;font-weight:700}
.ContactPage .FormSection .formSubtitle{font-size:16px;color:#170e1bbf;text-align:center;margin:0 0 48px;line-height:1.6}
.ContactPage .mainForm{max-width:720px;margin:0 auto}
.ContactPage .formRow{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.ContactPage .formField{display:flex;flex-direction:column}
.ContactPage .formField label{font-size:14px;font-weight:600;color:#170E1B;margin-bottom:8px}
.ContactPage .formField input,.ContactPage .formField textarea,.ContactPage .formField select{padding:14px 16px;border:2px solid #9f89e84d;border-radius:6px;font-size:15px;color:#170E1B;background:#fff;transition:all .3s cubic-bezier(0.4,0,0.2,1);outline:none}
.ContactPage .formField input:focus,.ContactPage .formField textarea:focus,.ContactPage .formField select:focus{border-color:#9F89E8;box-shadow:0 0 0 3px #9f89e81f}
.ContactPage .formField textarea{resize:vertical;min-height:140px}
.ContactPage .formField.fullWidth{grid-column:1 / -1}
.ContactPage .privacyCheck{display:flex;align-items:flex-start;margin:32px 0 28px}
.ContactPage .privacyCheck input[type="checkbox"]{width:20px;height:20px;margin:3px 12px 0 0;cursor:pointer;flex-shrink:0;accent-color:#9F89E8}
.ContactPage .privacyCheck label{font-size:14px;line-height:1.6;color:#170e1bcc;cursor:pointer}
.ContactPage .privacyCheck a{color:#9F89E8;text-decoration:none;transition:color .3s ease}
.ContactPage .privacyCheck a:hover{color:#170E1B}
.ContactPage .submitBtn{width:100%;padding:16px 32px;background:linear-gradient(135deg,#170E1B,#9F89E8);color:#F3EBF7;border:none;border-radius:6px;font-size:17px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 6px 20px #9f89e84d}
.ContactPage .submitBtn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #9f89e873}
.ContactPage .submitBtn:active{transform:translateY(-1px)}
.ContactPage .LocationDetail{background:#fff;border:2px solid #9f89e833;border-radius:8px;padding:48px 36px;margin-bottom:70px;position:relative;overflow:hidden}
.ContactPage .LocationDetail::before{content:'';position:absolute;top:0;right:0;width:280px;height:280px;background:radial-gradient(circle,#9f89e81a,transparent);border-radius:50%;transform:translate(40%,-40%);pointer-events:none}
.ContactPage .LocationDetail h2{font-size:32px;color:#170E1B;margin:0 0 28px;font-weight:700;position:relative;z-index:1}
.ContactPage .LocationDetail .addressBox{display:flex;align-items:flex-start;margin-bottom:26px;position:relative;z-index:1}
.ContactPage .LocationDetail .addressBox .lnr{font-size:28px;color:#9F89E8;margin-right:18px;flex-shrink:0;margin-top:3px}
.ContactPage .LocationDetail .addressBox p{font-size:16px;line-height:1.7;color:#170e1bd9;margin:0}
.ContactPage .OperatingHours{background:linear-gradient(160deg,#F3EBF7,#9f89e826);padding:56px 40px;border-radius:10px;margin-bottom:60px}
.ContactPage .OperatingHours h2{font-size:30px;color:#170E1B;text-align:center;margin:0 0 40px;font-weight:700}
.ContactPage .hoursTable{max-width:580px;margin:0 auto}
.ContactPage .hoursTable .hourRow{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#fff;margin-bottom:12px;border-radius:6px;box-shadow:0 2px 8px #170e1b0d;transition:all .3s ease}
.ContactPage .hoursTable .hourRow:hover{transform:translateX(6px);box-shadow:0 4px 14px #9f89e826}
.ContactPage .hoursTable .hourRow:last-child{margin-bottom:0}
.ContactPage .hoursTable .dayName{font-size:16px;font-weight:600;color:#170E1B}
.ContactPage .hoursTable .timeRange{font-size:15px;color:#170e1bbf}
@media (max-width: 768px) {
.ContactPage .TitleRing{height:340px;margin:40px 0 60px}
.ContactPage .TitleRing::before{width:380px;height:380px}
.ContactPage .TitleRing::after{width:280px;height:280px}
.ContactPage .ringText h1{font-size:36px}
.ContactPage .IntroBlock p{font-size:16px}
.ContactPage .ReachGrid{grid-template-columns:1fr;gap:24px;margin-bottom:60px}
.ContactPage .FormSection{padding:45px 24px;margin-bottom:60px}
.ContactPage .FormSection h2{font-size:28px}
.ContactPage .formRow{grid-template-columns:1fr;gap:20px}
.ContactPage .LocationDetail{padding:36px 24px;margin-bottom:50px}
.ContactPage .LocationDetail h2{font-size:26px}
.ContactPage .OperatingHours{padding:40px 24px}
.ContactPage .OperatingHours h2{font-size:24px}
.ContactPage .hoursTable .hourRow{padding:14px 18px}
}
@media (max-width: 480px) {
.ContactPage{padding:0 16px}
.ContactPage .TitleRing{height:280px}
.ContactPage .TitleRing::before{width:280px;height:280px}
.ContactPage .TitleRing::after{width:200px;height:200px}
.ContactPage .ringText h1{font-size:28px}
.ContactPage .reachCard{padding:28px 20px}
.ContactPage .FormSection{padding:32px 18px}
.ContactPage .LocationDetail{padding:28px 18px}
.ContactPage .OperatingHours{padding:32px 18px}
}
.AboutHeader{position:relative;height:420px;background-image:url(./graphics_directory/250313_PIC8353.jpg);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;margin-bottom:70px}
.AboutHeader::before{content:'';position:absolute;inset:0;background:#170e1bbf;z-index:1}
.AboutHeader .HeaderText{position:relative;z-index:2;max-width:1140px;width:90%;margin:0 auto;text-align:center;padding:0 20px}
.AboutHeader h1{color:#F3EBF7;font-size:48px;font-weight:700;line-height:1.2;margin:0 0 18px;letter-spacing:-.5px}
.AboutHeader .Subline{color:#F3EBF7;font-size:20px;line-height:1.6;margin:0;opacity:.95}
.AboutStory{max-width:1140px;width:90%;margin:0 auto 90px;padding:0 20px}
.StoryGrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.StoryText h2{color:#170E1B;font-size:36px;font-weight:600;line-height:1.3;margin:0 0 24px;position:relative;padding-left:22px}
.StoryText h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:32px;background:linear-gradient(180deg,#9F89E8 0%,#170E1B 100%);border-radius:3px}
.StoryText p{color:#170E1B;font-size:17px;line-height:1.7;margin:0 0 22px}
.StoryText p:last-child{margin-bottom:0}
.StoryVisual{position:relative}
.StoryVisual img{width:100%;height:480px;object-fit:cover;border-radius:8px;box-shadow:0 12px 28px #170e1b24}
.StoryVisual::after{content:'';position:absolute;bottom:-18px;right:-18px;width:280px;height:280px;background:linear-gradient(135deg,#9f89e826 0%,#f3ebf766 100%);border-radius:8px;z-index:-1}
.ValuesSec{background:linear-gradient(180deg,#F3EBF7 0%,#f3ebf74d 100%);padding:80px 0;margin-bottom:90px}
.ValuesWrap{max-width:1140px;width:90%;margin:0 auto;padding:0 20px}
.ValuesWrap h2{color:#170E1B;font-size:38px;font-weight:600;line-height:1.3;margin:0 0 50px;text-align:center}
.ValuesLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.ValueCard{background:#ffffffb3;padding:36px 28px;border-radius:10px;border:2px solid transparent;transition:all .35s cubic-bezier(0.4,0,0.2,1);position:relative}
.ValueCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#9F89E8 0%,#170E1B 100%);border-radius:10px 10px 0 0;opacity:0;transition:opacity .35s cubic-bezier(0.4,0,0.2,1)}
.ValueCard:hover{border-color:#9F89E8;box-shadow:0 16px 36px #9f89e82e;transform:translateY(-4px)}
.ValueCard:hover::before{opacity:1}
.ValueCard .IconCircle{width:64px;height:64px;background:linear-gradient(135deg,#9F89E8 0%,#170E1B 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.ValueCard .IconCircle .lnr{font-size:28px;color:#F3EBF7}
.ValueCard h3{color:#170E1B;font-size:22px;font-weight:600;line-height:1.3;margin:0 0 14px}
.ValueCard p{color:#170E1B;font-size:16px;line-height:1.6;margin:0}
.TeamStory{max-width:1140px;width:90%;margin:0 auto 90px;padding:0 20px}
.TeamIntro{text-align:center;max-width:780px;margin:0 auto 60px}
.TeamIntro h2{color:#170E1B;font-size:38px;font-weight:600;line-height:1.3;margin:0 0 20px}
.TeamIntro p{color:#170E1B;font-size:18px;line-height:1.7;margin:0}
.TeamLayout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.TeamVisual img{width:100%;height:420px;object-fit:cover;border-radius:10px;box-shadow:0 14px 32px #170e1b29}
.TeamContent h3{color:#170E1B;font-size:28px;font-weight:600;line-height:1.3;margin:0 0 20px}
.TeamContent p{color:#170E1B;font-size:17px;line-height:1.7;margin:0 0 20px}
.TeamContent p:last-child{margin-bottom:0}
.ApproachBlock{background:#170E1B;padding:80px 0;margin-bottom:0}
.ApproachInner{max-width:1140px;width:90%;margin:0 auto;padding:0 20px}
.ApproachInner h2{color:#F3EBF7;font-size:38px;font-weight:600;line-height:1.3;margin:0 0 50px;text-align:center}
.ApproachList{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.ApproachItem{display:flex;gap:20px;padding:32px;background:#9f89e814;border-radius:8px;border-left:4px solid #9F89E8;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.ApproachItem:hover{background:#9f89e824;transform:translateX(6px)}
.ApproachItem .NumberBox{flex-shrink:0;width:56px;height:56px;background:#9F89E8;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#170E1B}
.ApproachItem .TextBox h4{color:#F3EBF7;font-size:20px;font-weight:600;line-height:1.3;margin:0 0 12px}
.ApproachItem .TextBox p{color:#F3EBF7;font-size:16px;line-height:1.6;margin:0;opacity:.9}
@media (max-width: 968px) {
.AboutHeader{height:360px;margin-bottom:60px}
.AboutHeader h1{font-size:38px}
.AboutHeader .Subline{font-size:18px}
.StoryGrid{grid-template-columns:1fr;gap:40px}
.StoryVisual::after{width:200px;height:200px;bottom:-12px;right:-12px}
.ValuesLayout{grid-template-columns:1fr;gap:30px}
.TeamLayout{grid-template-columns:1fr;gap:40px}
.ApproachList{grid-template-columns:1fr;gap:30px}
.ValuesWrap h2,.TeamIntro h2,.ApproachInner h2{font-size:32px}
}
@media (max-width: 640px) {
.AboutHeader{height:320px;margin-bottom:50px}
.AboutHeader h1{font-size:32px;margin-bottom:14px}
.AboutHeader .Subline{font-size:16px}
.StoryText h2{font-size:28px;padding-left:18px}
.StoryText h2::before{width:5px;height:26px}
.StoryVisual img{height:360px}
.ValuesSec{padding:60px 0}
.ValueCard{padding:28px 22px}
.TeamVisual img{height:340px}
.ApproachBlock{padding:60px 0}
.ApproachItem{flex-direction:column;padding:26px}
.ValuesWrap h2,.TeamIntro h2,.ApproachInner h2{font-size:28px;margin-bottom:40px}
}
.prog-TitleZone{background:linear-gradient(135deg,#F3EBF7 0%,#fff 100%);padding:85px 20px 75px;position:relative;overflow:hidden}
.prog-TitleZone::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#9f89e81f 0%,transparent 70%);border-radius:50%}
.prog-TitleZone .prog-HeadWrap{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.prog-TitleZone .prog-MainTxt h1{font-size:48px;color:#170E1B;line-height:1.2;margin:0 0 24px;font-weight:700}
.prog-TitleZone .prog-MainTxt .prog-Quote{font-size:19px;color:#170E1B;line-height:1.7;opacity:.85;border-left:4px solid #9F89E8;padding-left:24px;margin:0}
.prog-TitleZone .prog-ImgBox{position:relative}
.prog-TitleZone .prog-ImgBox img{width:100%;height:420px;object-fit:cover;border-radius:8px;box-shadow:0 12px 32px #170e1b1f}
.prog-TitleZone .prog-ImgBox::after{content:'';position:absolute;bottom:-15px;right:-15px;width:100%;height:100%;border:2px solid #9F89E8;border-radius:8px;z-index:-1}
.prog-JourneySection{padding:90px 20px;background:#fff}
.prog-JourneySection .prog-ContentArea{max-width:1140px;margin:0 auto}
.prog-JourneySection .prog-SectionHead{text-align:center;margin-bottom:65px}
.prog-JourneySection .prog-SectionHead h2{font-size:38px;color:#170E1B;margin:0 0 18px;font-weight:700}
.prog-JourneySection .prog-SectionHead .prog-LeadText{font-size:18px;color:#170E1B;opacity:.75;max-width:720px;margin:0 auto;line-height:1.6}
.prog-JourneySection .prog-StageGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.prog-JourneySection .prog-StageCard{background:#F3EBF7;padding:40px 30px;border-radius:6px;position:relative;transition:all .4s cubic-bezier(0.34,1.56,0.64,1)}
.prog-JourneySection .prog-StageCard:hover{transform:translateY(-8px);box-shadow:0 16px 40px #9f89e840}
.prog-JourneySection .prog-StageCard .prog-StageNum{display:inline-block;width:48px;height:48px;background:#9F89E8;color:#fff;border-radius:50%;text-align:center;line-height:48px;font-size:20px;font-weight:700;margin-bottom:22px}
.prog-JourneySection .prog-StageCard h3{font-size:22px;color:#170E1B;margin:0 0 14px;font-weight:600}
.prog-JourneySection .prog-StageCard p{font-size:16px;color:#170E1B;opacity:.8;line-height:1.65;margin:0}
.prog-ApproachArea{padding:85px 20px;background:linear-gradient(180deg,#fff 0%,#F3EBF7 100%);position:relative}
.prog-ApproachArea .prog-InnerWrap{max-width:1140px;margin:0 auto}
.prog-ApproachArea .prog-TopRow{display:flex;gap:70px;align-items:flex-start;margin-bottom:60px}
.prog-ApproachArea .prog-LeftSide{flex:1}
.prog-ApproachArea .prog-LeftSide h2{font-size:36px;color:#170E1B;margin:0 0 22px;font-weight:700}
.prog-ApproachArea .prog-LeftSide .prog-Description{font-size:17px;color:#170E1B;opacity:.78;line-height:1.7;margin:0 0 16px}
.prog-ApproachArea .prog-RightSide{flex:1}
.prog-ApproachArea .prog-RightSide img{width:100%;height:380px;object-fit:cover;border-radius:8px;box-shadow:0 10px 28px #170e1b26}
.prog-ApproachArea .prog-FeatureList{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.prog-ApproachArea .prog-FeatureItem{background:#fff;padding:28px 32px;border-radius:6px;border-left:4px solid #9F89E8;transition:all .35s ease}
.prog-ApproachArea .prog-FeatureItem:hover{box-shadow:0 8px 24px #9f89e82e;transform:translateX(6px)}
.prog-ApproachArea .prog-FeatureItem .prog-FeatureIcon{color:#9F89E8;font-size:32px;margin-bottom:12px}
.prog-ApproachArea .prog-FeatureItem h4{font-size:19px;color:#170E1B;margin:0 0 10px;font-weight:600}
.prog-ApproachArea .prog-FeatureItem p{font-size:15px;color:#170E1B;opacity:.75;line-height:1.6;margin:0}
.prog-StructureZone{padding:90px 20px;background:#fff}
.prog-StructureZone .prog-Container{max-width:1140px;margin:0 auto}
.prog-StructureZone .prog-Header{margin-bottom:55px}
.prog-StructureZone .prog-Header h2{font-size:37px;color:#170E1B;margin:0 0 16px;font-weight:700}
.prog-StructureZone .prog-Header .prog-SubText{font-size:18px;color:#170E1B;opacity:.73;line-height:1.65}
.prog-StructureZone .prog-ModuleFlow{position:relative}
.prog-StructureZone .prog-ModuleFlow::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#9F89E8 0%,#9f89e84d 100%);transform:translateX(-50%)}
.prog-StructureZone .prog-ModuleItem{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:45px;position:relative}
.prog-StructureZone .prog-ModuleItem:nth-child(even) .prog-ModuleContent{grid-column:2}
.prog-StructureZone .prog-ModuleItem:nth-child(even) .prog-ModuleVisual{grid-column:1;grid-row:1}
.prog-StructureZone .prog-ModuleContent{background:#F3EBF7;padding:35px 38px;border-radius:8px;position:relative}
.prog-StructureZone .prog-ModuleContent::before{content:'';position:absolute;top:50%;width:24px;height:24px;background:#9F89E8;border:4px solid #fff;border-radius:50%;transform:translateY(-50%);z-index:2}
.prog-StructureZone .prog-ModuleItem:nth-child(odd) .prog-ModuleContent::before{right:-62px}
.prog-StructureZone .prog-ModuleItem:nth-child(even) .prog-ModuleContent::before{left:-62px}
.prog-StructureZone .prog-ModuleContent .prog-ModuleBadge{display:inline-block;background:#9F89E8;color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}
.prog-StructureZone .prog-ModuleContent h3{font-size:24px;color:#170E1B;margin:0 0 14px;font-weight:600}
.prog-StructureZone .prog-ModuleContent p{font-size:16px;color:#170E1B;opacity:.8;line-height:1.65;margin:0 0 18px}
.prog-StructureZone .prog-ModuleContent .prog-TopicsList{list-style:none;padding:0;margin:0}
.prog-StructureZone .prog-ModuleContent .prog-TopicsList li{font-size:15px;color:#170E1B;opacity:.75;padding:8px 0;padding-left:28px;position:relative}
.prog-StructureZone .prog-ModuleContent .prog-TopicsList li::before{content:'→';position:absolute;left:0;color:#9F89E8;font-weight:700}
.prog-StructureZone .prog-ModuleVisual{display:flex;align-items:center;justify-content:center}
.prog-StructureZone .prog-ModuleVisual .prog-IconCircle{width:140px;height:140px;background:linear-gradient(135deg,#9F89E8 0%,#c5b3f0 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 36px #9f89e84d}
.prog-StructureZone .prog-ModuleVisual .prog-IconCircle .lnr{font-size:58px;color:#fff}
.prog-EnrollBlock{padding:80px 20px;background:linear-gradient(135deg,#170E1B 0%,#2d1f38 100%);position:relative;overflow:hidden}
.prog-EnrollBlock::before{content:'';position:absolute;top:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#9f89e826 0%,transparent 70%);border-radius:50%}
.prog-EnrollBlock::after{content:'';position:absolute;bottom:-30%;right:-5%;width:600px;height:600px;background:radial-gradient(circle,#f3ebf714 0%,transparent 70%);border-radius:50%}
.prog-EnrollBlock .prog-EnrollInner{max-width:1140px;margin:0 auto;text-align:center;position:relative;z-index:2}
.prog-EnrollBlock h2{font-size:42px;color:#fff;margin:0 0 20px;font-weight:700}
.prog-EnrollBlock .prog-EnrollText{font-size:19px;color:#F3EBF7;line-height:1.7;max-width:680px;margin:0 auto 38px}
.prog-EnrollBlock .prog-ActionGroup{display:flex;gap:20px;justify-content:center;align-items:center}
.prog-EnrollBlock .prog-PrimaryButt{display:inline-flex;align-items:center;gap:10px;background:#9F89E8;color:#170E1B;padding:16px 38px;border-radius:6px;font-size:17px;font-weight:600;text-decoration:none;transition:all .35s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 8px 24px #9f89e859}
.prog-EnrollBlock .prog-PrimaryButt:hover{background:#b8a3ee;transform:translateY(-4px);box-shadow:0 12px 32px #9f89e873}
.prog-EnrollBlock .prog-SecondButt{display:inline-flex;align-items:center;gap:10px;background:transparent;color:#F3EBF7;padding:16px 38px;border-radius:6px;border:2px solid #9F89E8;font-size:17px;font-weight:600;text-decoration:none;transition:all .35s ease}
.prog-EnrollBlock .prog-SecondButt:hover{background:#9f89e826;border-color:#b8a3ee}
@media (max-width: 968px) {
.prog-TitleZone .prog-HeadWrap{grid-template-columns:1fr;gap:40px}
.prog-TitleZone .prog-MainTxt h1{font-size:38px}
.prog-JourneySection .prog-StageGrid{grid-template-columns:1fr;gap:25px}
.prog-ApproachArea .prog-TopRow{flex-direction:column;gap:40px}
.prog-ApproachArea .prog-FeatureList{grid-template-columns:1fr}
.prog-StructureZone .prog-ModuleItem{grid-template-columns:1fr;gap:30px}
.prog-StructureZone .prog-ModuleFlow::before{display:none}
.prog-StructureZone .prog-ModuleItem:nth-child(even) .prog-ModuleContent,.prog-StructureZone .prog-ModuleItem:nth-child(even) .prog-ModuleVisual{grid-column:1;grid-row:auto}
.prog-StructureZone .prog-ModuleContent::before{display:none}
.prog-EnrollBlock .prog-ActionGroup{flex-direction:column}
}
@media (max-width: 640px) {
.prog-TitleZone{padding:60px 20px 55px}
.prog-TitleZone .prog-MainTxt h1{font-size:32px}
.prog-TitleZone .prog-ImgBox img{height:280px}
.prog-JourneySection{padding:60px 20px}
.prog-JourneySection .prog-SectionHead h2{font-size:30px}
.prog-ApproachArea{padding:60px 20px}
.prog-ApproachArea .prog-LeftSide h2{font-size:28px}
.prog-StructureZone{padding:60px 20px}
.prog-StructureZone .prog-Header h2{font-size:30px}
.prog-EnrollBlock{padding:60px 20px}
.prog-EnrollBlock h2{font-size:32px}
}
.PolicyMain{background:linear-gradient(135deg,#F3EBF7 0%,#fff 100%);padding:80px 0 100px}
.PolicyMain .ContentFrame{max-width:1140px;margin:0 auto;padding:0 20px}
.PolicyMain .TitleZone{background:#170E1B;padding:60px 50px;border-radius:0;margin-bottom:70px;position:relative;overflow:hidden}
.PolicyMain .TitleZone::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:#9f89e814;border-radius:50%}
.PolicyMain .TitleZone::after{content:'';position:absolute;bottom:-30%;left:-5%;width:300px;height:300px;background:#f3ebf70d;border-radius:50%}
.PolicyMain .TitleZone .MainTitle{font-size:48px;font-weight:700;color:#F3EBF7;margin:0 0 20px;position:relative;z-index:2;line-height:1.2}
.PolicyMain .TitleZone .MainTitle .AccentNum{color:#9F89E8;font-size:64px;display:inline-block;margin-right:15px}
.PolicyMain .TitleZone .SubText{font-size:18px;color:#f3ebf7d9;line-height:1.6;max-width:720px;position:relative;z-index:2;margin:0}
.PolicyMain .DocumentArea{background:#fff;padding:60px 70px;box-shadow:0 8px 32px #170e1b14;border-radius:0;border-left:4px solid #9F89E8}
.PolicyMain .DocumentArea .SectionBlock{margin-bottom:50px}
.PolicyMain .DocumentArea .SectionBlock:last-child{margin-bottom:0}
.PolicyMain .DocumentArea .SectionTitle{font-size:28px;font-weight:600;color:#170E1B;margin:0 0 20px;position:relative;padding-left:30px}
.PolicyMain .DocumentArea .SectionTitle::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;background:linear-gradient(135deg,#9F89E8 0%,#170E1B 100%);border-radius:50%}
.PolicyMain .DocumentArea .TextContent{font-size:16px;color:#170e1bd1;line-height:1.75;margin:0 0 20px}
.PolicyMain .DocumentArea .TextContent:last-child{margin-bottom:0}
.PolicyMain .DocumentArea .DefinitionTerm{font-weight:600;color:#170E1B}
.PolicyMain .DocumentArea .BulletList{list-style:none;padding:0;margin:20px 0}
.PolicyMain .DocumentArea .BulletList .ListEntry{font-size:16px;color:#170e1bd1;line-height:1.75;margin-bottom:16px;padding-left:35px;position:relative}
.PolicyMain .DocumentArea .BulletList .ListEntry::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;background:#9F89E8;border-radius:50%;box-shadow:0 0 0 3px #9f89e833}
.PolicyMain .DocumentArea .InfoBox{background:#f3ebf766;padding:30px 35px;border-radius:0;margin:30px 0;border-left:4px solid #9F89E8}
.PolicyMain .DocumentArea .InfoBox .BoxTitle{font-size:20px;font-weight:600;color:#170E1B;margin:0 0 15px}
.PolicyMain .DocumentArea .InfoBox .BoxText{font-size:16px;color:#170e1bd1;line-height:1.7;margin:0}
.PolicyMain .DocumentArea .DataTable{width:100%;border-collapse:separate;border-spacing:0;margin:30px 0;background:#fff;box-shadow:0 4px 16px #170e1b0f}
.PolicyMain .DocumentArea .DataTable .TableHead{background:#170E1B}
.PolicyMain .DocumentArea .DataTable .TableHead .HeaderCell{padding:18px 25px;font-size:15px;font-weight:600;color:#F3EBF7;text-align:left;border-bottom:3px solid #9F89E8}
.PolicyMain .DocumentArea .DataTable .TableBody .DataRow{transition:background .3s cubic-bezier(0.4,0,0.2,1)}
.PolicyMain .DocumentArea .DataTable .TableBody .DataRow:hover{background:#f3ebf74d}
.PolicyMain .DocumentArea .DataTable .TableBody .DataCell{padding:20px 25px;font-size:15px;color:#170e1bd1;line-height:1.6;border-bottom:1px solid #9f89e826}
.PolicyMain .DocumentArea .DataTable .TableBody .DataRow:last-child .DataCell{border-bottom:none}
.PolicyMain .DocumentArea .EmailLink{color:#9F89E8;text-decoration:none;font-weight:500;border-bottom:2px solid transparent;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.PolicyMain .DocumentArea .EmailLink:hover{color:#170E1B;border-bottom-color:#9F89E8}
.PolicyMain .DocumentArea .UpdateDate{font-size:14px;color:#170e1b99;font-style:italic;margin-top:50px;padding-top:30px;border-top:1px solid #9f89e833}
@media (max-width: 968px) {
.PolicyMain{padding:60px 0 80px}
.PolicyMain .TitleZone{padding:50px 35px;margin-bottom:50px}
.PolicyMain .TitleZone .MainTitle{font-size:38px}
.PolicyMain .TitleZone .MainTitle .AccentNum{font-size:52px}
.PolicyMain .TitleZone .SubText{font-size:17px}
.PolicyMain .DocumentArea{padding:45px 40px}
.PolicyMain .DocumentArea .SectionTitle{font-size:24px}
.PolicyMain .DocumentArea .DataTable .TableHead .HeaderCell,.PolicyMain .DocumentArea .DataTable .TableBody .DataCell{padding:15px 18px;font-size:14px}
}
@media (max-width: 640px) {
.PolicyMain{padding:40px 0 60px}
.PolicyMain .TitleZone{padding:35px 25px;margin-bottom:35px}
.PolicyMain .TitleZone .MainTitle{font-size:32px}
.PolicyMain .TitleZone .MainTitle .AccentNum{font-size:42px;display:block;margin-bottom:10px}
.PolicyMain .TitleZone .SubText{font-size:16px}
.PolicyMain .DocumentArea{padding:30px 25px}
.PolicyMain .DocumentArea .SectionBlock{margin-bottom:40px}
.PolicyMain .DocumentArea .SectionTitle{font-size:22px;padding-left:25px}
.PolicyMain .DocumentArea .SectionTitle::before{width:14px;height:14px}
.PolicyMain .DocumentArea .TextContent{font-size:15px}
.PolicyMain .DocumentArea .BulletList .ListEntry{font-size:15px;padding-left:28px}
.PolicyMain .DocumentArea .InfoBox{padding:25px 20px}
.PolicyMain .DocumentArea .DataTable{display:block;overflow-x:auto}
.PolicyMain .DocumentArea .DataTable .TableHead .HeaderCell,.PolicyMain .DocumentArea .DataTable .TableBody .DataCell{padding:12px 15px;font-size:13px}
}
.PolicyPage{max-width:1140px;margin:0 auto;padding:80px 20px}
.PolicyPage .HeadSection{text-align:center;margin-bottom:60px;position:relative}
.PolicyPage .HeadSection::before{content:'';position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#9F89E8 0%,#170E1B 100%);border-radius:2px}
.PolicyPage .mainTitle{font-size:48px;color:#170E1B;margin:0 0 20px;font-weight:700;line-height:1.2}
.PolicyPage .intro{font-size:18px;color:#170E1B;opacity:.8;max-width:720px;margin:0 auto;line-height:1.6}
.PolicyPage .lastUpdate{display:inline-block;margin-top:16px;padding:8px 20px;background:#9f89e81f;color:#170E1B;border-radius:6px;font-size:14px;font-weight:600}
.PolicyPage .contentWrap{background:#F3EBF7;border-radius:10px;padding:60px;box-shadow:0 8px 24px #170e1b14}
.PolicyPage .policyArticle{margin-bottom:48px}
.PolicyPage .policyArticle:last-child{margin-bottom:0}
.PolicyPage .articleTitle{font-size:28px;color:#170E1B;margin:0 0 24px;font-weight:700;position:relative;padding-left:20px}
.PolicyPage .articleTitle::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:32px;background:linear-gradient(180deg,#9F89E8 0%,#170E1B 100%);border-radius:3px}
.PolicyPage .articleText{font-size:16px;color:#170E1B;line-height:1.8;margin:0 0 20px}
.PolicyPage .articleText:last-child{margin-bottom:0}
.PolicyPage .listItems{list-style:none;padding:0;margin:24px 0}
.PolicyPage .listItems li{font-size:16px;color:#170E1B;line-height:1.8;margin-bottom:16px;padding-left:32px;position:relative}
.PolicyPage .listItems li::before{content:'';position:absolute;left:0;top:10px;width:12px;height:12px;background:#9F89E8;border-radius:50%;box-shadow:0 0 0 3px #9f89e833}
.PolicyPage .highlightBox{background:#9f89e826;border-left:4px solid #9F89E8;padding:24px 28px;margin:28px 0;border-radius:0 8px 8px 0}
.PolicyPage .highlightBox .articleText{margin:0;font-weight:500}
.PolicyPage .contactInfo{margin-top:60px;padding-top:40px;border-top:2px solid #170e1b1a;text-align:center}
.PolicyPage .contactTitle{font-size:24px;color:#170E1B;margin:0 0 20px;font-weight:700}
.PolicyPage .contactDetails{font-size:16px;color:#170E1B;line-height:1.8;margin:0 0 12px}
.PolicyPage .contactLink{color:#9F89E8;text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(0.4,0,0.2,1);position:relative}
.PolicyPage .contactLink::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#9F89E8;transition:width .3s cubic-bezier(0.4,0,0.2,1)}
.PolicyPage .contactLink:hover{color:#170E1B}
.PolicyPage .contactLink:hover::after{width:100%}
.PolicyPage .subHeading{font-size:20px;color:#170E1B;margin:28px 0 16px;font-weight:600}
@media (max-width: 768px) {
.PolicyPage{padding:60px 16px}
.PolicyPage .mainTitle{font-size:36px}
.PolicyPage .intro{font-size:16px}
.PolicyPage .contentWrap{padding:32px 24px}
.PolicyPage .articleTitle{font-size:24px;padding-left:16px}
.PolicyPage .articleTitle::before{width:4px;height:28px}
.PolicyPage .articleText{font-size:15px}
.PolicyPage .listItems li{font-size:15px;padding-left:28px}
.PolicyPage .highlightBox{padding:20px}
.PolicyPage .contactTitle{font-size:20px}
.PolicyPage .contactDetails{font-size:15px}
}
@media (max-width: 480px) {
.PolicyPage .mainTitle{font-size:28px}
.PolicyPage .contentWrap{padding:24px 16px;border-radius:8px}
.PolicyPage .articleTitle{font-size:20px}
.PolicyPage .HeadSection::before{width:60px;height:3px}
}
.SuccessWrap{max-width:1140px;margin:0 auto;padding:0 20px}
.ConfirmHero{background:linear-gradient(135deg,#F3EBF7 0%,#fff 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.ConfirmHero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#9f89e826 0%,transparent 70%);border-radius:50%}
.ConfirmHero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#f3ebf7cc 0%,transparent 70%);border-radius:50%}
.ConfirmHero .SuccessWrap{position:relative;z-index:2}
.StatusIconArea{text-align:center;margin-bottom:32px}
.CheckCircle{width:96px;height:96px;margin:0 auto;background:linear-gradient(135deg,#9F89E8 0%,#7B5FCC 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px #9f89e84d;animation:scaleIn .6s cubic-bezier(0.34,1.56,0.64,1)}
@keyframes scaleIn {
0%{transform:scale(0);opacity:0}
100%{transform:scale(1);opacity:1}
}
.CheckCircle svg{width:48px;height:48px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ConfirmContent{text-align:center;max-width:680px;margin:0 auto}
.MainConfirmTitle{font-size:42px;font-weight:700;color:#170E1B;margin:0 0 20px;line-height:1.2}
.ConfirmSubtext{font-size:18px;color:#5a4d63;line-height:1.7;margin:0 0 36px}
.NextStepsList{list-style:none;padding:0;margin:0 0 40px;text-align:left;display:inline-block}
.NextStepsList li{font-size:16px;color:#170E1B;margin-bottom:16px;padding-left:40px;position:relative;line-height:1.6}
.NextStepsList li::before{content:'';position:absolute;left:0;top:4px;width:24px;height:24px;background:#9F89E8;border-radius:6px;display:flex;align-items:center;justify-content:center}
.NextStepsList li::after{content:'';position:absolute;left:6px;top:4px;color:#fff;font-size:14px;font-weight:700}
.PrimaryActionBtn{display:inline-block;background:#9F89E8;color:#fff;padding:16px 48px;border-radius:8px;text-decoration:none;font-size:17px;font-weight:600;transition:all .3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 16px #9f89e84d;border:none;cursor:pointer}
.PrimaryActionBtn:hover{background:#8a6fd4;transform:translateY(-2px);box-shadow:0 8px 24px #9f89e866}
.InfoBlockArea{background:#fff;padding:80px 20px}
.InfoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1140px;margin:0 auto}
.InfoCard{background:linear-gradient(135deg,#F3EBF7 0%,#fff 100%);padding:36px 28px;border-radius:12px;border:2px solid #9f89e826;transition:all .4s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden}
.InfoCard::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#9F89E8,#7B5FCC);border-radius:12px;opacity:0;transition:opacity .4s ease;z-index:0}
.InfoCard:hover::before{opacity:1}
.InfoCard:hover{transform:translateY(-6px);box-shadow:0 16px 40px #9f89e840}
.InfoCard > *{position:relative;z-index:1}
.InfoCard:hover{background:#fff}
.CardIconWrap{width:56px;height:56px;background:#9f89e826;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .3s ease}
.InfoCard:hover .CardIconWrap{background:#9f89e840}
.CardIconWrap .lnr{font-size:28px;color:#9F89E8}
.CardTitle{font-size:20px;font-weight:700;color:#170E1B;margin:0 0 12px;line-height:1.3}
.CardDescr{font-size:15px;color:#5a4d63;line-height:1.6;margin:0}
.ContactDetail{display:flex;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #9f89e833}
.ContactDetail .lnr{font-size:18px;color:#9F89E8;margin-right:10px}
.ContactDetail a{color:#170E1B;text-decoration:none;font-size:15px;font-weight:600;transition:color .3s ease}
.ContactDetail a:hover{color:#9F89E8}
@media (max-width: 768px) {
.ConfirmHero{padding:60px 20px 50px}
.MainConfirmTitle{font-size:32px}
.ConfirmSubtext{font-size:16px}
.CheckCircle{width:80px;height:80px}
.CheckCircle svg{width:40px;height:40px}
.InfoGrid{grid-template-columns:1fr;gap:24px}
.InfoBlockArea{padding:60px 20px}
.NextStepsList{text-align:left;display:block}
}
@media (max-width: 480px) {
.MainConfirmTitle{font-size:28px}
.PrimaryActionBtn{padding:14px 36px;font-size:16px}
.InfoCard{padding:28px 22px}
}