*{margin:0;padding:0;border:0;box-sizing:border-box}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,ul,li,nav,header,footer,main,section,article{margin:0;padding:0;border:0}
body{font-family:'Rubik',sans-serif;background-color:#FCFCEB;color:#2a2a2a;line-height:1.6}
.PrimaryHeader{background:linear-gradient(135deg,#02c2f914 0%,#671a8e0d 100%);border-bottom:2px solid #671a8e26;padding:28px 0}
.HeaderContainer{max-width:1140px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.BrandingZone{flex-shrink:0}
.LogoLink{display:block;width:110px;height:110px}
.CompanyLogo{width:100%;height:100%;object-fit:contain;background:#fff9;padding:8px;border-radius:12px;box-shadow:0 4px 12px #00000014}
.CenterNameZone{flex:1;text-align:center;padding:0 20px}
.CorporateName{font-size:42px;font-weight:700;color:#671A8E;letter-spacing:1px;text-shadow:2px 2px 4px #02c2f933}
.NavigationZone{flex-shrink:0}
.PrimaryNav{list-style:none;display:flex;gap:32px;flex-wrap:wrap}
.PrimaryNav .NavLink{font-size:16px;font-weight:700;color:#671A8E;text-decoration:none;padding:10px 20px;border:2px solid transparent;border-radius:10px;transition:all .3s ease-out;display:block;white-space:nowrap}
.PrimaryNav .NavLink:hover{background-color:#02c2f91f;border-color:#02c2f966}
.ContactStrip{background:linear-gradient(90deg,#671a8ebf 0%,#02c2f9a6 100%);padding:18px 0;box-shadow:0 3px 10px #0000001f}
.ContactContainer{max-width:1140px;margin:0 auto;padding:0 20px}
.ContactGrid{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:24px}
.ContactMethod{display:flex;align-items:center;gap:10px;color:#FCFCEB;font-size:15px}
.ContactMethod i{font-size:20px;color:#FCFCEB}
.ContactMethod a{color:#FCFCEB;text-decoration:none;transition:opacity .3s ease-out}
.ContactMethod a:hover{opacity:.8}
.FooterPrimary{background-color:#2a2a2a;border-top:3px solid #671A8E;padding:40px 0 30px;margin-top:60px}
.FooterContainer{max-width:1140px;margin:0 auto;padding:0 20px}
.LegalSection{border:2px solid #02c2f94d;padding:20px;border-radius:10px;margin-bottom:28px}
.LegalNav{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}
.LegalLink{color:#02C2F9;text-decoration:none;font-size:15px;padding:8px 16px;border:1px solid transparent;border-radius:8px;transition:all .3s ease-out}
.LegalLink:hover{border-color:#02c2f980;background-color:#02c2f914}
.CopyrightSection{text-align:center;padding:20px 0;border-top:1px solid #fcfceb26;border-bottom:1px solid #fcfceb26}
.CopyrightText{color:#FCFCEB;font-size:14px}
.ContactSection{margin-top:28px;padding:20px;border:2px solid #671a8e4d;border-radius:10px}
.FooterContact{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;color:#FCFCEB;font-size:14px}
.FooterContact a{color:#02C2F9;text-decoration:none;transition:opacity .3s ease-out}
.FooterContact a:hover{opacity:.75}
.CookieBanner{position:fixed;top:20px;left:20px;background:linear-gradient(135deg,#02c2f9f2 0%,#671a8ef2 100%);border-radius:12px;padding:24px;box-shadow:0 8px 24px #00000040;max-width:420px;z-index:9999;animation:slideInFromBottom .5s ease-out}
.CookieBanner.hidden{animation:slideOutToBottom .4s ease-out forwards}
@keyframes slideInFromBottom {
from{transform:translateY(100px);opacity:0}
to{transform:translateY(0);opacity:1}
}
@keyframes slideOutToBottom {
from{transform:translateY(0);opacity:1}
to{transform:translateY(100px);opacity:0}
}
.BannerContent{display:flex;flex-direction:column;gap:18px}
.BannerText{display:flex;align-items:flex-start;gap:12px;color:#FCFCEB}
.BannerText i{font-size:24px;flex-shrink:0;margin-top:2px}
.BannerText p{font-size:15px;line-height:1.5}
.BannerActions{display:flex;gap:12px}
.AcceptButton,.DeclineButton{flex:1;padding:12px 20px;border:none;border-radius:8px;font-family:'Rubik',sans-serif;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease-out}
.AcceptButton{background-color:#FCFCEB;color:#671A8E}
.AcceptButton:hover{background-color:#fff;box-shadow:0 4px 12px #00000026}
.DeclineButton{background-color:#fcfceb33;color:#FCFCEB;border:2px solid #FCFCEB}
.DeclineButton:hover{background-color:#fcfceb4d}
.PolicyAccess{text-align:center;color:#FCFCEB}
.PolicyAccess i{font-size:20px;cursor:pointer;transition:opacity .3s ease-out}
.PolicyAccess i:hover{opacity:.7}
.PreferenceBadge{position:fixed;bottom:20px;left:20px;width:54px;height:54px;background:linear-gradient(135deg,#02C2F9 0%,#671A8E 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #0003;cursor:pointer;transition:all .3s ease-out;z-index:9998}
.PreferenceBadge:hover{transform:scale(1.1);box-shadow:0 8px 24px #0000004d}
.PreferenceBadge i{font-size:26px;color:#FCFCEB}
@media (max-width: 1024px) {
.HeaderContainer{flex-wrap:wrap;justify-content:center;text-align:center}
.BrandingZone{width:100%;display:flex;justify-content:center;margin-bottom:16px}
.CenterNameZone{width:100%;margin-bottom:16px}
.NavigationZone{width:100%;display:flex;justify-content:center}
.PrimaryNav{justify-content:center}
.ContactGrid{flex-direction:column;align-items:flex-start}
.FooterContact{flex-direction:column}
}
@media (max-width: 640px) {
.CorporateName{font-size:32px}
.LogoLink{width:90px;height:90px}
.PrimaryNav{gap:16px}
.ContactMethod{font-size:13px}
.CookieBanner{left:10px;right:10px;max-width:none}
.BannerActions{flex-direction:column}
}
.agreement-section{max-width:1140px;margin:0 auto;padding:60px 20px;background:#FCFCEB}
.agreement-section h1{font-size:42px;line-height:1.2;color:#671A8E;margin:0 0 40px;font-weight:700}
.agreement-section h2{font-size:32px;line-height:1.3;color:#671A8E;margin:50px 0 24px;font-weight:600}
.agreement-section h3{font-size:24px;line-height:1.4;color:#02C2F9;margin:40px 0 20px;font-weight:600}
.agreement-section h4{font-size:20px;line-height:1.4;color:#671A8E;margin:30px 0 16px;font-weight:600}
.agreement-section h5{font-size:18px;line-height:1.5;color:#02C2F9;margin:24px 0 12px;font-weight:600}
.agreement-section h6{font-size:16px;line-height:1.5;color:#671A8E;margin:20px 0 12px;font-weight:600}
.agreement-section p{font-size:16px;line-height:1.75;color:#2a2a2a;margin:0 0 20px}
.agreement-section strong,.agreement-section b{font-weight:700;color:#1a1a1a}
.agreement-section em,.agreement-section i{font-style:italic;color:#3a3a3a}
.agreement-section a{color:#02C2F9;text-decoration:none;border-bottom:1px solid #02c2f94d;transition:all .3s ease-out}
.agreement-section a:hover{color:#671A8E;border-bottom-color:#671a8e80}
.agreement-section ul{margin:0 0 24px;padding:0 0 0 30px}
.agreement-section ol{margin:0 0 24px;padding:0 0 0 30px}
.agreement-section ul li{font-size:16px;line-height:1.75;color:#2a2a2a;margin:0 0 12px}
.agreement-section ol li{font-size:16px;line-height:1.75;color:#2a2a2a;margin:0 0 12px}
.agreement-section ul li::marker{color:#02C2F9}
.agreement-section ol li::marker{color:#02C2F9;font-weight:600}
.agreement-section table{width:100%;border-collapse:collapse;margin:30px 0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014}
.agreement-section thead{background:linear-gradient(135deg,#02C2F9,#671A8E)}
.agreement-section thead tr{border:none}
.agreement-section thead th{padding:18px 20px;text-align:left;font-size:15px;font-weight:600;color:#FCFCEB;border:none}
.agreement-section tbody tr{border-bottom:1px solid #671a8e1a;transition:background .3s ease-out}
.agreement-section tbody tr:last-child{border-bottom:none}
.agreement-section tbody tr:hover{background:#02c2f90d}
.agreement-section tbody td{padding:16px 20px;font-size:15px;line-height:1.6;color:#2a2a2a;border:none}
.agreement-section th{font-weight:600}
.agreement-section hr{border:none;height:2px;background:linear-gradient(90deg,#02c2f94d,#671a8e4d,#02c2f94d);margin:50px 0;border-radius:2px}
.agreement-section blockquote{margin:30px 0;padding:20px 30px;border-left:4px solid #02C2F9;background:#02c2f90d;border-radius:0 12px 12px 0}
.agreement-section blockquote p{margin:0;font-style:italic;color:#3a3a3a}
.agreement-section code{font-family:'Courier New',monospace;font-size:14px;padding:2px 6px;background:#671a8e1a;color:#671A8E;border-radius:4px}
.agreement-section pre{margin:24px 0;padding:20px;background:#2a2a2a;color:#FCFCEB;border-radius:12px;overflow-x:auto}
.agreement-section pre code{background:none;color:#FCFCEB;padding:0}
@media (max-width: 1024px) {
.agreement-section{padding:50px 20px}
.agreement-section h1{font-size:36px;margin-bottom:32px}
.agreement-section h2{font-size:28px;margin-top:40px}
.agreement-section h3{font-size:22px}
.agreement-section table{font-size:14px}
.agreement-section thead th,.agreement-section tbody td{padding:14px 16px}
}
@media (max-width: 640px) {
.agreement-section{padding:40px 16px}
.agreement-section h1{font-size:30px;margin-bottom:28px}
.agreement-section h2{font-size:24px;margin-top:35px;margin-bottom:20px}
.agreement-section h3{font-size:20px;margin-top:30px}
.agreement-section h4{font-size:18px}
.agreement-section p,.agreement-section ul li,.agreement-section ol li{font-size:15px}
.agreement-section table{display:block;overflow-x:auto}
.agreement-section thead th,.agreement-section tbody td{padding:12px 14px;font-size:13px}
.agreement-section blockquote{padding:16px 20px;margin:24px 0}
.agreement-section hr{margin:40px 0}
}
.ProgramIntro{max-width:1140px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative}
.ProgramIntro::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#02c2f90d 0%,#671a8e0d 100%);z-index:-1;border-radius:12px}
.ProgramIntro .TextBlock h1{font-size:2.8em;line-height:1.2;color:#671A8E;margin-bottom:24px;font-weight:700}
.ProgramIntro .TextBlock p{font-size:1.1em;line-height:1.7;color:#444;margin-bottom:20px}
.ProgramIntro .ImageWrapper{position:relative}
.ProgramIntro .ImageWrapper::after{content:'';position:absolute;top:-15px;right:-15px;width:100%;height:100%;background:linear-gradient(45deg,#02C2F9,#671A8E);border-radius:12px;z-index:-1;opacity:.3}
.ProgramIntro .ImageWrapper img{width:100%;height:420px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #0000001f}
.CoreModules{max-width:1140px;margin:0 auto;padding:80px 20px}
.CoreModules .SectionHeader{text-align:center;margin-bottom:60px}
.CoreModules .SectionHeader h2{font-size:2.4em;color:#02C2F9;margin-bottom:16px;font-weight:700}
.CoreModules .SectionHeader p{font-size:1.1em;color:#555;max-width:700px;margin:0 auto;line-height:1.6}
.CoreModules .ModuleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.CoreModules .ModuleCard{background:#FCFCEB;padding:40px 30px;border-radius:16px;border:2px solid transparent;transition:all .3s ease-out;position:relative}
.CoreModules .ModuleCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#02C2F9,#671A8E);border-radius:4px;transition:height .3s ease-out}
.CoreModules .ModuleCard:hover{border-color:#02C2F9;box-shadow:0 12px 32px #02c2f926;transform:translateY(-4px)}
.CoreModules .ModuleCard:hover::before{height:100%}
.CoreModules .ModuleCard h3{font-size:1.5em;color:#671A8E;margin-bottom:16px;font-weight:600}
.CoreModules .ModuleCard p{font-size:1em;color:#555;line-height:1.6;margin-bottom:12px}
.CoreModules .ModuleCard .Duration{display:inline-block;background:#02c2f91a;color:#02C2F9;padding:6px 14px;border-radius:20px;font-size:.9em;font-weight:600;margin-top:8px}
.LearningPath{background:linear-gradient(135deg,#671a8e14 0%,#02c2f914 100%);padding:80px 20px}
.LearningPath .PathContainer{max-width:1140px;margin:0 auto}
.LearningPath h2{font-size:2.4em;color:#671A8E;margin-bottom:48px;text-align:center;font-weight:700}
.LearningPath .TimelineWrapper{position:relative;padding-left:60px}
.LearningPath .TimelineWrapper::before{content:'';position:absolute;left:20px;top:0;width:3px;height:100%;background:linear-gradient(180deg,#02C2F9 0%,#671A8E 100%)}
.LearningPath .PhaseItem{position:relative;margin-bottom:48px;background:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 16px #00000014}
.LearningPath .PhaseItem::before{content:'';position:absolute;left:-53px;top:32px;width:24px;height:24px;background:#02C2F9;border:4px solid #fff;border-radius:50%;box-shadow:0 2px 8px #02c2f966}
.LearningPath .PhaseItem:nth-child(even)::before{background:#671A8E;box-shadow:0 2px 8px #671a8e66}
.LearningPath .PhaseItem h3{font-size:1.6em;color:#02C2F9;margin-bottom:12px;font-weight:600}
.LearningPath .PhaseItem:nth-child(even) h3{color:#671A8E}
.LearningPath .PhaseItem .WeekLabel{display:inline-block;background:#02c2f91f;color:#02C2F9;padding:4px 12px;border-radius:16px;font-size:.85em;font-weight:600;margin-bottom:12px}
.LearningPath .PhaseItem:nth-child(even) .WeekLabel{background:#671a8e1f;color:#671A8E}
.LearningPath .PhaseItem p{font-size:1em;color:#555;line-height:1.7;margin-bottom:16px}
.LearningPath .PhaseItem ul{list-style:none;padding:0;margin:0}
.LearningPath .PhaseItem ul li{padding-left:24px;position:relative;margin-bottom:8px;color:#555;line-height:1.6}
.LearningPath .PhaseItem ul li::before{content:'▸';position:absolute;left:0;color:#02C2F9;font-weight:600}
.LearningPath .PhaseItem:nth-child(even) ul li::before{color:#671A8E}
.EnrollmentSection{max-width:1140px;margin:0 auto;padding:80px 20px}
.EnrollmentSection .EnrollContainer{background:linear-gradient(135deg,#02C2F9 0%,#671A8E 100%);padding:60px 80px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 16px 48px #02c2f940;position:relative;overflow:hidden}
.EnrollmentSection .EnrollContainer::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:#fcfceb1a;border-radius:50%}
.EnrollmentSection .EnrollContainer::after{content:'';position:absolute;bottom:-30%;left:-5%;width:300px;height:300px;background:#fcfceb14;border-radius:50%}
.EnrollmentSection .EnrollText{position:relative;z-index:2}
.EnrollmentSection .EnrollText h2{font-size:2.2em;color:#FCFCEB;margin-bottom:16px;font-weight:700}
.EnrollmentSection .EnrollText p{font-size:1.1em;color:#fcfcebf2;line-height:1.6;max-width:600px}
.EnrollmentSection .EnrollActions{position:relative;z-index:2;display:flex;gap:16px}
.EnrollmentSection .EnrollActions .ButtonPrimary{background:#FCFCEB;color:#671A8E;padding:16px 36px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.05em;transition:all .3s ease-out;border:2px solid #FCFCEB;display:inline-block}
.EnrollmentSection .EnrollActions .ButtonPrimary:hover{background:transparent;color:#FCFCEB;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}
.EnrollmentSection .EnrollActions .ButtonSecondary{background:transparent;color:#FCFCEB;padding:16px 36px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.05em;transition:all .3s ease-out;border:2px solid #fcfceb80;display:inline-block}
.EnrollmentSection .EnrollActions .ButtonSecondary:hover{background:#fcfceb1a;border-color:#FCFCEB;transform:translateY(-2px)}
@media (max-width: 1024px) {
.ProgramIntro{grid-template-columns:1fr;gap:40px;padding:60px 20px}
.ProgramIntro .TextBlock h1{font-size:2.2em}
.CoreModules .ModuleGrid{grid-template-columns:repeat(2,1fr)}
.LearningPath .TimelineWrapper{padding-left:50px}
.EnrollmentSection .EnrollContainer{flex-direction:column;padding:50px 40px;gap:32px;text-align:center}
.EnrollmentSection .EnrollText p{max-width:100%}
.EnrollmentSection .EnrollActions{flex-direction:column;width:100%}
.EnrollmentSection .EnrollActions .ButtonPrimary,.EnrollmentSection .EnrollActions .ButtonSecondary{width:100%;text-align:center}
}
@media (max-width: 640px) {
.ProgramIntro{padding:40px 16px}
.ProgramIntro .TextBlock h1{font-size:1.8em}
.ProgramIntro .ImageWrapper img{height:280px}
.CoreModules{padding:60px 16px}
.CoreModules .SectionHeader h2{font-size:1.8em}
.CoreModules .ModuleGrid{grid-template-columns:1fr;gap:20px}
.CoreModules .ModuleCard{padding:30px 24px}
.LearningPath{padding:60px 16px}
.LearningPath h2{font-size:1.8em}
.LearningPath .TimelineWrapper{padding-left:40px}
.LearningPath .PhaseItem{padding:24px}
.LearningPath .PhaseItem h3{font-size:1.3em}
.EnrollmentSection{padding:60px 16px}
.EnrollmentSection .EnrollContainer{padding:40px 24px}
.EnrollmentSection .EnrollText h2{font-size:1.7em}
}
.TitleZone{position:relative;height:460px;background:linear-gradient(135deg,#02C2F9 0%,#671A8E 100%);overflow:hidden;margin-bottom:80px}
.TitleZone .BackgroundPicture{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.3}
.TitleZone .GradientOverlay--top{position:absolute;top:0;left:0;right:0;height:140px;background:linear-gradient(to bottom,#671a8ed9,transparent);z-index:1}
.TitleZone .GradientOverlay--bottom{position:absolute;bottom:0;left:0;right:0;height:140px;background:linear-gradient(to top,#02c2f9bf,transparent);z-index:1}
.TitleZone .ContentWrapper{position:relative;z-index:2;max-width:1140px;margin:0 auto;padding:0 24px;height:100%;display:flex;flex-direction:column;justify-content:center}
.TitleZone .MainHeading{font-size:52px;font-weight:700;color:#FCFCEB;margin:0 0 16px;line-height:1.2;text-shadow:0 4px 12px #0000004d}
.TitleZone .SubText{font-size:19px;color:#FCFCEB;margin:0;max-width:640px;line-height:1.6;opacity:.95}
.TitleZone .DecorativeDots{position:absolute;bottom:40px;right:60px;display:flex;gap:8px;z-index:3}
.TitleZone .DecorativeDots span{width:12px;height:12px;border-radius:50%;background:#fcfceb99}
.TitleZone .DecorativeDots span:nth-child(2){background:#fcfceb66}
.TitleZone .DecorativeDots span:nth-child(3){background:#fcfceb33}
.ApproachModule{max-width:1140px;margin:0 auto 100px;padding:0 24px}
.ApproachModule .GridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.ApproachModule .StageCard{background:#FCFCEB;border-radius:12px;padding:36px 28px;box-shadow:0 4px 16px #00000014;position:relative;border-top:4px solid #02C2F9;transition:all .3s ease-out}
.ApproachModule .StageCard:hover{transform:translateY(-8px);box-shadow:0 12px 28px #00000024}
.ApproachModule .StageCard:nth-child(2){border-top-color:#671A8E}
.ApproachModule .StageCard:nth-child(3){border-top-color:#02C2F9}
.ApproachModule .NumberBadge{display:inline-block;width:52px;height:52px;background:linear-gradient(135deg,#02C2F9,#671A8E);border-radius:50%;color:#FCFCEB;font-size:24px;font-weight:700;line-height:52px;text-align:center;margin-bottom:20px}
.ApproachModule .CardTitle{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 16px;line-height:1.3}
.ApproachModule .CardDescription{font-size:16px;color:#4a4a4a;line-height:1.7;margin:0 0 20px}
.ApproachModule .DetailsList{list-style:none;padding:0;margin:0}
.ApproachModule .DetailsList li{font-size:15px;color:#333;padding-left:24px;position:relative;margin-bottom:12px;line-height:1.5}
.ApproachModule .DetailsList li::before{content:'';position:absolute;left:0;top:7px;width:8px;height:8px;background:#02C2F9;border-radius:50%}
.StructureSection{background:linear-gradient(to bottom,#FCFCEB 0%,#02c2f914 100%);padding:90px 0;margin-bottom:0;position:relative}
.StructureSection::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#02C2F9,#671A8E,transparent)}
.StructureSection .InnerWrap{max-width:1140px;margin:0 auto;padding:0 24px}
.StructureSection .SectionHeader{text-align:center;margin-bottom:60px}
.StructureSection .SectionTitle{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 16px;position:relative;display:inline-block}
.StructureSection .SectionTitle::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#02C2F9,#671A8E);border-radius:2px}
.StructureSection .IntroText{font-size:18px;color:#4a4a4a;max-width:720px;margin:0 auto;line-height:1.7}
.StructureSection .PhaseContainer{display:flex;flex-direction:column;gap:32px}
.StructureSection .PhaseRow{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start;background:#fff;border-radius:16px;padding:40px;box-shadow:0 2px 12px #0000000f;border-left:6px solid #02C2F9;transition:all .3s ease-out}
.StructureSection .PhaseRow:hover{box-shadow:0 8px 24px #0000001f;border-left-width:8px}
.StructureSection .PhaseRow:nth-child(2){border-left-color:#671A8E;grid-template-columns:1fr 280px}
.StructureSection .PhaseRow:nth-child(3){border-left-color:#02C2F9}
.StructureSection .PhaseRow:nth-child(4){border-left-color:#671A8E;grid-template-columns:1fr 280px}
.StructureSection .PhaseHeader{display:flex;flex-direction:column}
.StructureSection .PhaseLabel{font-size:14px;text-transform:uppercase;letter-spacing:1.2px;color:#671A8E;font-weight:600;margin-bottom:8px}
.StructureSection .PhaseTitle{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 12px;line-height:1.2}
.StructureSection .PhaseDuration{font-size:15px;color:#666;margin:0}
.StructureSection .PhaseContent{display:flex;flex-direction:column;gap:20px}
.StructureSection .PhaseDescription{font-size:16px;color:#333;line-height:1.7;margin:0}
.StructureSection .ComponentGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.StructureSection .ComponentItem{background:#02c2f90d;padding:20px;border-radius:10px;border:1px solid #02c2f926}
.StructureSection .ComponentLabel{font-size:15px;font-weight:600;color:#02C2F9;margin:0 0 8px;display:flex;align-items:center;gap:8px}
.StructureSection .ComponentLabel::before{content:'';width:6px;height:6px;background:#02C2F9;border-radius:50%}
.StructureSection .ComponentText{font-size:14px;color:#4a4a4a;line-height:1.6;margin:0}
.StructureSection .PhaseRow:nth-child(2) .ComponentItem{background:#671a8e0d;border-color:#671a8e26}
.StructureSection .PhaseRow:nth-child(2) .ComponentLabel{color:#671A8E}
.StructureSection .PhaseRow:nth-child(2) .ComponentLabel::before{background:#671A8E}
.StructureSection .PhaseRow:nth-child(4) .ComponentItem{background:#671a8e0d;border-color:#671a8e26}
.StructureSection .PhaseRow:nth-child(4) .ComponentLabel{color:#671A8E}
.StructureSection .PhaseRow:nth-child(4) .ComponentLabel::before{background:#671A8E}
@media (max-width: 1024px) {
.TitleZone{height:380px;margin-bottom:60px}
.TitleZone .MainHeading{font-size:40px}
.TitleZone .SubText{font-size:17px}
.ApproachModule .GridLayout{grid-template-columns:1fr;gap:32px}
.StructureSection .PhaseRow,.StructureSection .PhaseRow:nth-child(2),.StructureSection .PhaseRow:nth-child(4){grid-template-columns:1fr}
.StructureSection .ComponentGrid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.TitleZone{height:320px;margin-bottom:50px}
.TitleZone .MainHeading{font-size:32px}
.TitleZone .SubText{font-size:16px}
.TitleZone .DecorativeDots{bottom:20px;right:24px}
.ApproachModule{margin-bottom:60px}
.StructureSection{padding:60px 0}
.StructureSection .SectionTitle{font-size:32px}
.StructureSection .PhaseRow{padding:28px 20px}
.StructureSection .PhaseTitle{font-size:24px}
}
.TitleFrame{position:relative;max-width:1140px;margin:0 auto 80px;padding:120px 20px 80px;overflow:hidden}
.TitleFrame .ImageSupport{position:absolute;top:0;right:0;width:55%;height:100%;z-index:1}
.TitleFrame .ImageSupport img{width:100%;height:100%;object-fit:cover;opacity:.15}
.TitleFrame .TextPanel{position:relative;z-index:2;max-width:640px;background:#fcfcebf2;padding:48px;border-radius:12px;box-shadow:0 8px 24px #671a8e1f}
.TitleFrame .MainTitle{font-size:42px;font-weight:700;color:#671A8E;line-height:1.2;margin:0 0 24px}
.TitleFrame .LeadText{font-size:18px;color:#333;line-height:1.6;margin:0 0 16px}
.TitleFrame .SupportLine{font-size:16px;color:#555;line-height:1.5;margin:0}
.ContentRow--adaptive{max-width:1140px;margin:0 auto 80px;padding:0 20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}
.InsightCard{background:linear-gradient(135deg,#02c2f914 0%,#fcfceb99 100%);border-radius:16px;padding:36px 28px;border:2px solid #02c2f933;transition:all .4s ease-out}
.InsightCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #02c2f940;border-color:#02C2F9}
.InsightCard .CardIcon{width:56px;height:56px;background:#02C2F9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 24px}
.InsightCard .CardIcon i{font-size:28px;color:#FCFCEB}
.InsightCard h3{font-size:22px;font-weight:600;color:#671A8E;margin:0 0 16px;line-height:1.3}
.InsightCard .DescriptionText{font-size:15px;color:#444;line-height:1.6;margin:0}
.ProcessBlock{max-width:1140px;margin:0 auto 80px;padding:0 20px}
.ProcessBlock .SectionIntro{text-align:center;max-width:720px;margin:0 auto 64px}
.ProcessBlock .SectionIntro h2{font-size:36px;font-weight:700;color:#671A8E;margin:0 0 20px;line-height:1.25}
.ProcessBlock .SectionIntro .IntroDescription{font-size:17px;color:#555;line-height:1.6;margin:0}
.StepSequence{display:flex;flex-direction:column;gap:0}
.StepItem{display:grid;grid-template-columns:180px 1fr;gap:40px;padding:32px 0;border-bottom:1px solid #02c2f933}
.StepItem:last-child{border-bottom:none}
.StepMarker{display:flex;align-items:flex-start;gap:16px}
.StepNumber{width:64px;height:64px;background:linear-gradient(135deg,#02C2F9 0%,#671A8E 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#FCFCEB;flex-shrink:0}
.StepContent h4{font-size:24px;font-weight:600;color:#671A8E;margin:8px 0 12px;line-height:1.3}
.StepContent .StepDetail{font-size:16px;color:#555;line-height:1.7;margin:0}
.PracticeSection{background:linear-gradient(180deg,#fcfceb66 0%,#02c2f914 100%);padding:80px 20px;margin:0 0 80px}
.PracticeSection .InnerWrap{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.PracticeSection .ImageHolder{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 16px 48px #671a8e33}
.PracticeSection .ImageHolder img{width:100%;height:480px;object-fit:cover;display:block}
.PracticeSection .ContentSide h2{font-size:38px;font-weight:700;color:#671A8E;margin:0 0 24px;line-height:1.2}
.PracticeSection .ContentSide .LeadParagraph{font-size:17px;color:#333;line-height:1.6;margin:0 0 20px}
.PracticeSection .TechniqueList{list-style:none;padding:0;margin:32px 0 0}
.PracticeSection .TechniqueList li{font-size:16px;color:#444;line-height:1.7;margin:0 0 16px;padding-left:36px;position:relative}
.PracticeSection .TechniqueList li::before{content:"→";position:absolute;left:0;color:#02C2F9;font-size:20px;font-weight:700}
.ToolsPanel{max-width:1140px;margin:0 auto 80px;padding:0 20px}
.ToolsPanel .PanelHeader{text-align:center;margin:0 0 48px}
.ToolsPanel .PanelHeader h2{font-size:36px;font-weight:700;color:#671A8E;margin:0 0 16px;line-height:1.25}
.ToolsPanel .PanelHeader .Subtitle{font-size:18px;color:#555;margin:0;line-height:1.5}
.ToolGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.ToolEntry{background:#FCFCEB;border:2px solid #671a8e26;border-radius:12px;padding:28px 24px;transition:all .3s ease-out}
.ToolEntry:hover{border-color:#671A8E;box-shadow:0 8px 24px #671a8e26}
.ToolEntry h5{font-size:20px;font-weight:600;color:#02C2F9;margin:0 0 12px;line-height:1.3}
.ToolEntry .ToolDescription{font-size:15px;color:#555;line-height:1.6;margin:0}
@media (max-width: 1024px) {
.TitleFrame{padding:80px 20px 60px;margin-bottom:60px}
.TitleFrame .ImageSupport{width:50%}
.TitleFrame .TextPanel{padding:36px}
.TitleFrame .MainTitle{font-size:36px}
.ContentRow--adaptive{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:60px}
.ProcessBlock{margin-bottom:60px}
.ProcessBlock .SectionIntro h2{font-size:32px}
.StepItem{grid-template-columns:1fr;gap:20px}
.PracticeSection{padding:60px 20px;margin-bottom:60px}
.PracticeSection .InnerWrap{grid-template-columns:1fr;gap:40px}
.PracticeSection .ImageHolder img{height:380px}
.PracticeSection .ContentSide h2{font-size:32px}
.ToolsPanel{margin-bottom:60px}
.ToolsPanel .PanelHeader h2{font-size:32px}
}
@media (max-width: 640px) {
.TitleFrame{padding:60px 16px 40px;margin-bottom:48px}
.TitleFrame .ImageSupport{width:100%;opacity:.08}
.TitleFrame .TextPanel{padding:28px 24px}
.TitleFrame .MainTitle{font-size:28px;margin-bottom:16px}
.TitleFrame .LeadText{font-size:16px;margin-bottom:12px}
.TitleFrame .SupportLine{font-size:15px}
.ContentRow--adaptive{grid-template-columns:1fr;gap:20px;margin-bottom:48px;padding:0 16px}
.InsightCard{padding:28px 20px}
.InsightCard .CardIcon{width:48px;height:48px;margin-bottom:16px}
.InsightCard .CardIcon i{font-size:24px}
.InsightCard h3{font-size:20px;margin-bottom:12px}
.ProcessBlock{margin-bottom:48px;padding:0 16px}
.ProcessBlock .SectionIntro{margin-bottom:40px}
.ProcessBlock .SectionIntro h2{font-size:26px;margin-bottom:16px}
.ProcessBlock .SectionIntro .IntroDescription{font-size:16px}
.StepItem{padding:24px 0}
.StepMarker{gap:12px}
.StepNumber{width:52px;height:52px;font-size:24px}
.StepContent h4{font-size:20px;margin:0 0 10px}
.StepContent .StepDetail{font-size:15px}
.PracticeSection{padding:48px 16px;margin-bottom:48px}
.PracticeSection .InnerWrap{gap:32px}
.PracticeSection .ImageHolder img{height:280px}
.PracticeSection .ContentSide h2{font-size:26px;margin-bottom:20px}
.PracticeSection .ContentSide .LeadParagraph{font-size:16px;margin-bottom:16px}
.PracticeSection .TechniqueList{margin-top:24px}
.PracticeSection .TechniqueList li{font-size:15px;margin-bottom:12px;padding-left:28px}
.PracticeSection .TechniqueList li::before{font-size:18px}
.ToolsPanel{margin-bottom:48px;padding:0 16px}
.ToolsPanel .PanelHeader{margin-bottom:32px}
.ToolsPanel .PanelHeader h2{font-size:26px;margin-bottom:12px}
.ToolsPanel .PanelHeader .Subtitle{font-size:16px}
.ToolGrid{gap:16px}
.ToolEntry{padding:24px 20px}
.ToolEntry h5{font-size:18px;margin-bottom:10px}
.ToolEntry .ToolDescription{font-size:14px}
}
.TitleHero{position:relative;min-height:420px;display:flex;align-items:center;overflow:hidden;margin-bottom:68px}
.TitleHero__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.TitleHero__background img{width:100%;height:100%;object-fit:cover}
.TitleHero__background::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#02c2f94d 0%,#671a8eb3 100%)}
.TitleHero__grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#fcfceb08 1px,transparent 1px),linear-gradient(90deg,#fcfceb08 1px,transparent 1px);background-size:40px 40px;z-index:2}
.TitleHero__content-container{max-width:1140px;margin:0 auto;padding:0 24px;position:relative;z-index:3}
.TitleHero__text{max-width:680px}
.TitleHero__heading{font-size:3.2rem;line-height:1.15;color:#FCFCEB;margin:0 0 22px;font-weight:700;text-shadow:0 2px 8px #0000004d}
.TitleHero__description{font-size:1.15rem;line-height:1.6;color:#FCFCEB;margin:0;text-shadow:0 1px 4px #00000040}
.ResourceLibrary{padding:72px 0;background:linear-gradient(135deg,#FCFCEB 0%,#fff 100%)}
.ResourceLibrary__container{max-width:1140px;margin:0 auto;padding:0 24px}
.ResourceLibrary__header{text-align:center;margin-bottom:52px}
.ResourceLibrary__title{font-size:2.4rem;color:#671A8E;margin:0 0 14px;font-weight:600}
.ResourceLibrary__subtitle{font-size:1.05rem;color:#444;margin:0;max-width:620px;margin-left:auto;margin-right:auto}
.ResourceLibrary__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ResourceCard{background:#fff;border-radius:12px;padding:32px 26px;box-shadow:0 4px 16px #671a8e14;transition:all .3s ease-out}
.ResourceCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #02c2f926}
.ResourceCard__icon{width:52px;height:52px;background:linear-gradient(135deg,#02C2F9 0%,#671A8E 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.ResourceCard__icon i{font-size:1.6rem;color:#FCFCEB}
.ResourceCard__heading{font-size:1.3rem;color:#671A8E;margin:0 0 12px;font-weight:600}
.ResourceCard__text{font-size:.95rem;color:#555;line-height:1.6;margin:0}
.TransparencySection{padding:68px 0;background:#fff}
.TransparencySection__container{max-width:1140px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.TransparencySection__image-wrapper{border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #671a8e1f}
.TransparencySection__image-wrapper img{width:100%;height:420px;object-fit:cover;display:block}
.TransparencySection__content h2{font-size:2.1rem;color:#671A8E;margin:0 0 24px;font-weight:600}
.TransparencySection__list{list-style:none;padding:0;margin:0}
.TransparencySection__list li{padding:16px 0 16px 42px;position:relative;font-size:1rem;color:#444;line-height:1.6;border-bottom:1px solid #671a8e1a}
.TransparencySection__list li:last-child{border-bottom:none}
.TransparencySection__list li::before{content:'';position:absolute;left:0;top:18px;width:24px;height:24px;background:linear-gradient(135deg,#02C2F9 0%,#671A8E 100%);border-radius:50%}
.TransparencySection__list li::after{content:'✓';position:absolute;left:6px;top:18px;color:#FCFCEB;font-weight:700;font-size:.85rem}
.PracticeApplication{padding:72px 0;background:linear-gradient(180deg,#FCFCEB 0%,#02c2f914 100%)}
.PracticeApplication__container{max-width:1140px;margin:0 auto;padding:0 24px}
.PracticeApplication__header{margin-bottom:48px}
.PracticeApplication__header h2{font-size:2.3rem;color:#671A8E;margin:0 0 16px;font-weight:600}
.PracticeApplication__header p{font-size:1.05rem;color:#555;margin:0;max-width:720px}
.PracticeApplication__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.PracticeApplication__steps::before{content:'';position:absolute;top:32px;left:12%;right:12%;height:2px;background:linear-gradient(to right,#02C2F9 0%,#671A8E 100%);z-index:1}
.PracticeStep{background:#fff;border-radius:14px;padding:28px 22px;text-align:center;position:relative;z-index:2;box-shadow:0 4px 12px #02c2f91a}
.PracticeStep__number{width:64px;height:64px;background:linear-gradient(135deg,#02C2F9 0%,#671A8E 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:1.6rem;font-weight:700;color:#FCFCEB;box-shadow:0 4px 12px #671a8e33}
.PracticeStep__title{font-size:1.15rem;color:#671A8E;margin:0 0 10px;font-weight:600}
.PracticeStep__text{font-size:.9rem;color:#666;line-height:1.5;margin:0}
.NumbersSection{padding:68px 0;background:#fff;position:relative;overflow:hidden}
.NumbersSection::before{content:'';position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,#02c2f90f 0%,transparent 70%);border-radius:50%}
.NumbersSection__container{max-width:1140px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.NumbersSection__intro{text-align:center;margin-bottom:52px}
.NumbersSection__intro h2{font-size:2.2rem;color:#671A8E;margin:0 0 14px;font-weight:600}
.NumbersSection__intro p{font-size:1rem;color:#555;margin:0;max-width:640px;margin-left:auto;margin-right:auto}
.NumbersSection__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.StatCard{text-align:center;padding:32px 20px;background:linear-gradient(135deg,#02c2f90d 0%,#671a8e0d 100%);border-radius:14px;border:2px solid transparent;transition:all .3s ease-out}
.StatCard:hover{border-color:#02C2F9;transform:scale(1.05)}
.StatCard__value{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#02C2F9 0%,#671A8E 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px}
.StatCard__label{font-size:1rem;color:#671A8E;font-weight:600;margin:0}
.CareerProspects{padding:72px 0;background:linear-gradient(135deg,#671A8E 0%,#02C2F9 100%);position:relative}
.CareerProspects__container{max-width:1140px;margin:0 auto;padding:0 24px}
.CareerProspects__layout{display:grid;grid-template-columns:1.2fr 0.8fr;gap:48px;align-items:center}
.CareerProspects__content h2{font-size:2.4rem;color:#FCFCEB;margin:0 0 22px;font-weight:600}
.CareerProspects__content p{font-size:1.05rem;color:#fcfcebeb;line-height:1.7;margin:0 0 28px}
.CareerProspects__roles{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.CareerProspects__roles li{padding:14px 18px 14px 50px;background:#fcfceb1f;border-radius:10px;color:#FCFCEB;font-size:1rem;position:relative;backdrop-filter:blur(8px)}
.CareerProspects__roles li::before{content:'';position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:#02C2F9;border-radius:4px}
.CareerProspects__roles li::after{content:'→';position:absolute;left:19px;top:50%;transform:translateY(-50%);color:#671A8E;font-weight:700;font-size:1.1rem}
.CareerProspects__visual{position:relative}
.CareerProspects__image-frame{border-radius:16px;overflow:hidden;box-shadow:0 16px 48px #0000004d;border:4px solid #fcfceb33}
.CareerProspects__image-frame img{width:100%;height:380px;object-fit:cover;display:block}
.TrialExperience{padding:78px 0;background:#FCFCEB}
.TrialExperience__container{max-width:1140px;margin:0 auto;padding:0 24px;text-align:center}
.TrialExperience__content{max-width:720px;margin:0 auto 42px}
.TrialExperience__content h2{font-size:2.5rem;color:#671A8E;margin:0 0 18px;font-weight:600}
.TrialExperience__content p{font-size:1.1rem;color:#555;line-height:1.7;margin:0}
.TrialExperience__features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:48px}
.TrialFeature{background:#fff;padding:28px 22px;border-radius:12px;box-shadow:0 4px 16px #671a8e14}
.TrialFeature__icon-wrapper{width:56px;height:56px;background:linear-gradient(135deg,#02c2f926 0%,#671a8e26 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.TrialFeature__icon-wrapper i{font-size:1.5rem;color:#671A8E}
.TrialFeature__title{font-size:1.15rem;color:#671A8E;margin:0 0 10px;font-weight:600}
.TrialFeature__description{font-size:.95rem;color:#666;line-height:1.6;margin:0}
.TrialExperience__actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ButtonPrimary{display:inline-flex;align-items:center;gap:10px;padding:16px 38px;background:linear-gradient(135deg,#02C2F9 0%,#671A8E 100%);color:#FCFCEB;text-decoration:none;border-radius:10px;font-size:1.05rem;font-weight:600;box-shadow:0 6px 20px #671a8e40;transition:all .3s ease-out;border:none;cursor:pointer;position:relative;z-index:10}
.ButtonPrimary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #02c2f959}
.ButtonSecondary{display:inline-flex;align-items:center;gap:10px;padding:16px 38px;background:#fff;color:#671A8E;text-decoration:none;border-radius:10px;font-size:1.05rem;font-weight:600;border:2px solid #671A8E;transition:all .3s ease-out;cursor:pointer;position:relative;z-index:10}
.ButtonSecondary:hover{background:#671A8E;color:#FCFCEB;transform:translateY(-2px)}
@media (max-width: 1024px) {
.TitleHero__heading{font-size:2.6rem}
.ResourceLibrary__grid{grid-template-columns:repeat(2,1fr)}
.TransparencySection__container{grid-template-columns:1fr;gap:40px}
.PracticeApplication__steps{grid-template-columns:repeat(2,1fr)}
.PracticeApplication__steps::before{display:none}
.NumbersSection__stats{grid-template-columns:repeat(2,1fr)}
.CareerProspects__layout{grid-template-columns:1fr}
.TrialExperience__features{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.TitleHero{min-height:320px}
.TitleHero__heading{font-size:2rem}
.TitleHero__description{font-size:1rem}
.ResourceLibrary__grid{grid-template-columns:1fr}
.ResourceLibrary__title{font-size:2rem}
.TransparencySection__content h2{font-size:1.8rem}
.PracticeApplication__steps{grid-template-columns:1fr}
.PracticeApplication__header h2{font-size:1.9rem}
.NumbersSection__stats{grid-template-columns:1fr}
.NumbersSection__intro h2{font-size:1.9rem}
.CareerProspects__content h2{font-size:2rem}
.TrialExperience__content h2{font-size:2rem}
.TrialExperience__actions{flex-direction:column;align-items:stretch}
.ButtonPrimary,.ButtonSecondary{width:100%;justify-content:center}
}
.ContactHeroArea{display:flex;align-items:center;gap:0;max-width:1140px;margin:0 auto;padding:80px 20px;min-height:600px}
.ContactHeroArea .HeroTextSide{flex:1;padding-right:40px}
.ContactHeroArea .HeroImageSide{flex:1;position:relative;border-radius:12px;overflow:hidden;height:500px}
.ContactHeroArea .HeroImageSide::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#02c2f999,#671a8eb3,#02c2f980);background-size:200% 200%;animation:GradientDrift 8s ease-out infinite}
@keyframes GradientDrift {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.ContactHeroArea .AccentShape{position:absolute;border-radius:50%;background:#fcfceb26;animation:FloatShape 6s ease-in-out infinite}
.ContactHeroArea .AccentShape:nth-child(1){width:120px;height:120px;top:10%;right:15%;animation-delay:0s}
.ContactHeroArea .AccentShape:nth-child(2){width:80px;height:80px;bottom:20%;left:10%;animation-delay:2s}
.ContactHeroArea .AccentShape:nth-child(3){width:60px;height:60px;top:50%;right:5%;animation-delay:4s}
@keyframes FloatShape {
0%,100%{transform:translateY(0) scale(1)}
50%{transform:translateY(-20px) scale(1.1)}
}
.ContactHeroArea .HeroTextSide .PreHeading{font-size:.9rem;color:#671A8E;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}
.ContactHeroArea .HeroTextSide .MainTitle{font-size:3rem;line-height:1.15;color:#1a1a1a;margin-bottom:8px;font-weight:700}
.ContactHeroArea .HeroTextSide .SubTitle{font-size:1.5rem;color:#02C2F9;margin-bottom:20px;font-weight:500}
.ContactHeroArea .HeroTextSide .DescriptionText{font-size:1.05rem;color:#4a4a4a;line-height:1.7;margin-bottom:32px}
.ContactHeroArea .HeroButtonGroup{display:flex;gap:16px;flex-wrap:wrap}
.ContactHeroArea .HeroButtonGroup .PrimaryContactBtn{padding:14px 32px;background:linear-gradient(135deg,#02C2F9,#671A8E);color:#FCFCEB;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease-out;text-decoration:none;display:inline-block}
.ContactHeroArea .HeroButtonGroup .PrimaryContactBtn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #02c2f966}
.ContactHeroArea .HeroButtonGroup .SecondaryContactBtn{padding:14px 32px;background:transparent;color:#671A8E;border:2px solid #671A8E;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease-out;text-decoration:none;display:inline-block}
.ContactHeroArea .HeroButtonGroup .SecondaryContactBtn:hover{background:#671A8E;color:#FCFCEB;transform:translateY(-3px)}
.MainContactSection{max-width:1140px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px}
.MainContactSection .ContactInfoSide{display:flex;flex-direction:column;gap:32px}
.MainContactSection .InfoCard{background:linear-gradient(135deg,#02c2f914,#671a8e14);padding:28px;border-radius:12px;border-left:4px solid #02C2F9;transition:all .3s ease-out}
.MainContactSection .InfoCard:hover{transform:translateX(8px);box-shadow:0 6px 16px #02c2f933}
.MainContactSection .InfoCard .CardIcon{width:48px;height:48px;margin-bottom:16px}
.MainContactSection .InfoCard .CardIcon svg{width:100%;height:100%}
.MainContactSection .InfoCard .CardTitle{font-size:1.3rem;color:#671A8E;margin-bottom:12px;font-weight:600}
.MainContactSection .InfoCard .CardDetail{font-size:1rem;color:#3a3a3a;line-height:1.6}
.MainContactSection .InfoCard .CardDetail a{color:#02C2F9;text-decoration:none;transition:color .3s ease-out}
.MainContactSection .InfoCard .CardDetail a:hover{color:#671A8E}
.MainContactSection .MessengerLinks{display:flex;gap:12px;margin-top:12px}
.MainContactSection .MessengerLinks .MessengerIcon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#02C2F9;border-radius:8px;transition:all .3s ease-out;text-decoration:none;color:#FCFCEB;font-weight:700;font-size:1.1rem}
.MainContactSection .MessengerLinks .MessengerIcon:hover{background:#671A8E;transform:scale(1.1)}
.MainContactSection .FormSide{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 20px #00000014}
.MainContactSection .FormSide .FormHeading{font-size:1.8rem;color:#1a1a1a;margin-bottom:8px;font-weight:700}
.MainContactSection .FormSide .FormSubheading{font-size:1rem;color:#5a5a5a;margin-bottom:32px;line-height:1.6}
.MainContactSection .FormSide .CorporateForm{display:flex;flex-direction:column;gap:24px}
.MainContactSection .FormSide .FormGroup{display:flex;flex-direction:column;gap:8px}
.MainContactSection .FormSide .FormLabel{font-size:.95rem;color:#2a2a2a;font-weight:600}
.MainContactSection .FormSide .FormLabel .RequiredMark{color:#671A8E}
.MainContactSection .FormSide .FormInput{padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease-out;background:#FCFCEB}
.MainContactSection .FormSide .FormInput:focus{outline:none;border-color:#02C2F9;box-shadow:0 0 0 3px #02c2f91a}
.MainContactSection .FormSide .SelectWrapper{position:relative}
.MainContactSection .FormSide .SelectWrapper::after{content:'';position:absolute;right:16px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #671A8E;pointer-events:none}
.MainContactSection .FormSide .FormSelect{padding:14px 40px 14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;width:100%;background:#FCFCEB;cursor:pointer;transition:all .3s ease-out;appearance:none}
.MainContactSection .FormSide .FormSelect:focus{outline:none;border-color:#02C2F9;box-shadow:0 0 0 3px #02c2f91a}
.MainContactSection .FormSide .RadioGroupWrapper{display:flex;gap:20px;flex-wrap:wrap}
.MainContactSection .FormSide .RadioOption{display:flex;align-items:center;gap:8px}
.MainContactSection .FormSide .RadioOption input[type="radio"]{width:20px;height:20px;accent-color:#02C2F9;cursor:pointer}
.MainContactSection .FormSide .RadioOption label{font-size:.95rem;color:#3a3a3a;cursor:pointer}
.MainContactSection .FormSide .CheckboxGroup{display:flex;align-items:flex-start;gap:10px;margin-top:8px}
.MainContactSection .FormSide .CheckboxGroup input[type="checkbox"]{width:20px;height:20px;margin-top:2px;accent-color:#671A8E;cursor:pointer}
.MainContactSection .FormSide .CheckboxGroup label{font-size:.9rem;color:#4a4a4a;line-height:1.5}
.MainContactSection .FormSide .CheckboxGroup label a{color:#02C2F9;text-decoration:underline}
.MainContactSection .FormSide .SubmitButton{padding:16px 40px;background:linear-gradient(135deg,#671A8E,#02C2F9);color:#FCFCEB;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease-out;margin-top:12px}
.MainContactSection .FormSide .SubmitButton:hover{transform:translateY(-2px);box-shadow:0 8px 20px #671a8e59}
@media (max-width: 1024px) {
.ContactHeroArea{flex-direction:column;gap:40px;padding:60px 20px}
.ContactHeroArea .HeroTextSide{padding-right:0}
.ContactHeroArea .HeroImageSide{width:100%;height:400px}
.MainContactSection{grid-template-columns:1fr;gap:40px;padding:60px 20px}
}
@media (max-width: 640px) {
.ContactHeroArea .HeroTextSide .MainTitle{font-size:2rem}
.ContactHeroArea .HeroTextSide .SubTitle{font-size:1.2rem}
.ContactHeroArea .HeroButtonGroup{flex-direction:column}
.ContactHeroArea .HeroButtonGroup .PrimaryContactBtn,.ContactHeroArea .HeroButtonGroup .SecondaryContactBtn{width:100%;text-align:center}
.MainContactSection .FormSide{padding:28px 20px}
.MainContactSection .RadioGroupWrapper{flex-direction:column;gap:12px}
}
.SuccessCircleWrapper{max-width:1140px;margin:0 auto;padding:80px 20px;display:flex;align-items:center;justify-content:center;min-height:70vh}
.CircularFrame{position:relative;width:100%;max-width:520px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#02c2f914 0%,#671a8e14 100%);border-radius:50%;padding:60px}
.CircularFrame::before{content:'';position:absolute;inset:-2px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#02C2F9 0%,#671A8E 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.CircularFrame::after{content:'';position:absolute;inset:30px;border-radius:50%;border:1px solid #671a8e33}
.SuccessContent{text-align:center;position:relative;z-index:2}
.SuccessIcon{width:72px;height:72px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#02C2F9 0%,#671A8E 100%);border-radius:50%;box-shadow:0 8px 24px #02c2f94d}
.SuccessIcon svg{width:36px;height:36px;fill:none;stroke:#FCFCEB;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.SuccessTitle{font-size:32px;font-weight:700;color:#671A8E;margin:0 0 16px;line-height:1.2}
.SuccessMessage{font-size:17px;line-height:1.6;color:#444;margin:0 0 32px}
.ActionGroup{display:flex;flex-direction:column;gap:14px;align-items:center}
.PrimaryAction{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,#02C2F9 0%,#671A8E 100%);color:#FCFCEB;text-decoration:none;border-radius:12px;font-size:16px;font-weight:600;transition:transform .3s ease-out,box-shadow .3s ease-out;box-shadow:0 4px 16px #02c2f940}
.PrimaryAction:hover{transform:translateY(-2px);box-shadow:0 8px 24px #02c2f959}
.SecondaryAction{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;background:transparent;color:#671A8E;text-decoration:none;border:2px solid #671A8E;border-radius:10px;font-size:15px;font-weight:600;transition:background .3s ease-out,color .3s ease-out}
.SecondaryAction:hover{background:#671A8E;color:#FCFCEB}
.ContactInfo{margin-top:48px;padding-top:32px;border-top:1px solid #671a8e26}
.ContactLabel{font-size:14px;color:#666;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}
.ContactMethods{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.ContactLink{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#02c2f91a;color:#02C2F9;text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition:background .3s ease-out}
.ContactLink:hover{background:#02c2f933}
.ContactLink svg{width:18px;height:18px;fill:currentColor}
@media (max-width: 640px) {
.SuccessCircleWrapper{padding:60px 20px;min-height:60vh}
.CircularFrame{max-width:380px;padding:40px}
.CircularFrame::after{inset:20px}
.SuccessIcon{width:60px;height:60px;margin-bottom:20px}
.SuccessIcon svg{width:30px;height:30px}
.SuccessTitle{font-size:26px;margin-bottom:12px}
.SuccessMessage{font-size:15px;margin-bottom:28px}
.PrimaryAction{padding:12px 28px;font-size:15px}
.SecondaryAction{padding:9px 20px;font-size:14px}
.ContactInfo{margin-top:36px;padding-top:28px}
.ContactMethods{flex-direction:column;gap:12px}
.ContactLink{width:100%;justify-content:center}
}