html,body{margin:0;padding:0;font-family:'Source Serif Pro',serif;font-weight:400;background:linear-gradient(135deg,#FBFCFC 0%,#f5f1f8 100%);color:#2a2a2a;line-height:1.6}
*{box-sizing:border-box}
.TopHeaderBox{background:linear-gradient(165deg,#B251FA 0%,#9445d8 50%,#A46505 100%);padding:24px 0;box-shadow:0 3px 10px #b251fa26 0 6px 20px #a465051a;position:relative}
.TopHeaderBox::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#fbfcfc4d 50%,transparent 100%)}
.TopHeaderContainer{max-width:1600px;margin:0 auto;padding:0 30px}
.LogoCompanyWrap{display:flex;justify-content:space-between;align-items:center;gap:30px}
.LogoHolder{display:flex;align-items:center}
.LogoLink{display:block;line-height:0}
.LogoImage{width:110px;height:110px;object-fit:contain;background:#fbfcfc26;padding:12px;border-radius:12px;box-shadow:0 4px 12px #0003 inset 0 1px 3px #ffffff4d;transition:transform .3s ease,box-shadow .3s ease}
.LogoImage:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000040 inset 0 1px 3px #fff6}
.CompanyNameBox{flex:0 0 auto}
.CompanyNameText{font-size:42px;font-weight:700;color:#FBFCFC;letter-spacing:1.2px;text-shadow:2px 2px 6px #0000004d 0 0 20px #b251fa80;display:inline-block;padding:8px 18px;border:2px solid #fbfcfc4d;border-radius:10px;background:#a4650533}
.NavigationBarBox{background:#FBFCFC;border-top:3px solid #B251FA;border-bottom:3px solid #A46505;box-shadow:0 4px 14px #b251fa1f 0 -2px 8px #a4650514;position:relative}
.NavigationBarBox::before{content:'';position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(90deg,transparent 0%,#b251fa08 25%,#a4650508 75%,transparent 100%);pointer-events:none}
.NavigationBarContainer{max-width:1600px;margin:0 auto;padding:0 30px}
.MainNavigationWrap{position:relative;z-index:1}
.NavigationList{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.NavigationItem{margin:0;padding:0}
.NavigationLink{display:block;padding:18px 28px;font-size:17px;font-weight:600;color:#2a2a2a;text-decoration:none;position:relative;transition:color .25s ease;border-left:1px solid #b251fa26;border-right:1px solid #a4650526}
.NavigationItem:first-child .NavigationLink{border-left:none}
.NavigationItem:last-child .NavigationLink{border-right:none}
.NavigationLink::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:linear-gradient(90deg,#B251FA 0%,#A46505 100%);transition:width .3s ease;border-radius:2px 2px 0 0}
.NavigationLink:hover{color:#B251FA}
.NavigationLink:hover::before{width:80%}
.FooterContentBox{background:linear-gradient(180deg,#FBFCFC 0%,#f0eef3 100%);padding:60px 0 40px;margin-top:80px;border-top:2px solid #b251fa33}
.FooterContentContainer{max-width:1600px;margin:0 auto;padding:0 30px}
.FooterInfoBlock{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:40px}
.AddressSection,.ContactSection{padding:20px 0}
.AddressLine,.ContactLine{margin:8px 0;font-size:16px;line-height:1.8;color:#3a3a3a}
.ContactLink{color:#B251FA;text-decoration:none;transition:color .2s ease;border-bottom:1px solid transparent}
.ContactLink:hover{color:#A46505;border-bottom-color:#A46505}
.FooterDividerLine{height:1px;background:linear-gradient(90deg,transparent 0%,#b251fa4d 30%,#a465054d 70%,transparent 100%);margin:35px 0}
.FooterLinksBlock{text-align:center;padding:25px 0}
.FooterNavigation{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}
.FooterNavLink{color:#2a2a2a;text-decoration:none;font-size:15px;font-weight:600;transition:color .2s ease;padding:8px 12px;border-radius:6px;background:none;border:none;cursor:pointer;font-family:'Source Serif Pro',serif}
.FooterNavLink:hover{color:#B251FA;background:#b251fa14}
.ConsentButton{font-family:'Source Serif Pro',serif}
.FooterLinkSeparator{color:#b251fa66;font-weight:300}
.CopyrightBlock{text-align:center;padding-top:25px}
.CopyrightText{font-size:14px;color:#666;margin:0}
.ConsentPanelBox{position:fixed;right:0;top:50%;transform:translateY(-50%);width:420px;max-width:90vw;max-height:90vh;background:#FBFCFC;box-shadow:-4px 0 24px #0003 -8px 0 48px #b251fa26;border-radius:16px 0 0 16px;overflow-y:auto;z-index:9999;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;border-left:4px solid #B251FA}
.ConsentPanelBox.ConsentVisible{opacity:1;visibility:visible}
.ConsentPanelContent{padding:30px 28px}
.ConsentHeaderBox{margin-bottom:28px;padding-bottom:20px;border-bottom:2px solid #b251fa26}
.ConsentTitle{font-size:26px;font-weight:700;color:#2a2a2a;margin:0 0 12px;background:linear-gradient(135deg,#B251FA 0%,#A46505 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ConsentDescription{font-size:15px;line-height:1.6;color:#4a4a4a;margin:0}
.ConsentCategoriesBox{margin-bottom:26px}
.ConsentCategory{margin-bottom:16px;border:1px solid #b251fa33;border-radius:10px;overflow:hidden;background:#fbfcfc99}
.CategoryHeaderWrap{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(90deg,#b251fa0f 0%,#a465050f 100%)}
.CategoryLabel{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1}
.CategoryCheckbox{width:20px;height:20px;cursor:pointer;accent-color:#B251FA}
.CategoryCheckbox:disabled{cursor:not-allowed;opacity:.6}
.CategoryName{font-size:16px;font-weight:600;color:#2a2a2a}
.CategoryToggle{background:none;border:none;cursor:pointer;padding:6px;color:#B251FA;font-size:20px;transition:transform .3s ease,color .2s ease;line-height:1}
.CategoryToggle:hover{color:#A46505}
.CategoryToggle.ToggleActive{transform:rotate(45deg)}
.ToggleIcon{display:block}
.CategoryDetails{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 16px}
.CategoryDetails.DetailsExpanded{max-height:200px;padding:14px 16px;border-top:1px solid #b251fa26}
.CategoryDetailText{font-size:14px;line-height:1.6;color:#555;margin:0}
.ConsentActionsBox{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:2px solid #b251fa26}
.ConsentActionsBox .ConsentButton{width:100%;padding:14px 20px;font-size:16px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:background .25s ease,transform .2s ease,box-shadow .25s ease;box-shadow:0 3px 8px #0000001f}
.AcceptButton{background:linear-gradient(135deg,#B251FA 0%,#9445d8 100%);color:#FBFCFC}
.AcceptButton:hover{background:linear-gradient(135deg,#9445d8 0%,#7d38b8 100%);transform:translateY(-1px);box-shadow:0 5px 12px #b251fa4d}
.SaveButton{background:linear-gradient(135deg,#A46505 0%,#8a5404 100%);color:#FBFCFC}
.SaveButton:hover{background:linear-gradient(135deg,#8a5404 0%,#704403 100%);transform:translateY(-1px);box-shadow:0 5px 12px #a465054d}
.DeclineButton{background:#e8e8e8;color:#2a2a2a;border:2px solid #b251fa4d}
.DeclineButton:hover{background:#d5d5d5;transform:translateY(-1px);box-shadow:0 5px 12px #00000026}
@media (max-width: 768px) {
.TopHeaderContainer{padding:0 20px}
.LogoCompanyWrap{flex-direction:column;align-items:center;gap:18px}
.CompanyNameText{font-size:32px;text-align:center}
.NavigationBarContainer{padding:0 20px}
.NavigationList{flex-direction:column;gap:0}
.NavigationLink{padding:16px 20px;text-align:center;border-left:none;border-right:none;border-bottom:1px solid #b251fa26}
.NavigationItem:last-child .NavigationLink{border-bottom:none}
.FooterInfoBlock{grid-template-columns:1fr;gap:30px}
.FooterNavigation{flex-direction:column;gap:10px}
.FooterLinkSeparator{display:none}
.ConsentPanelBox{width:100%;max-width:100vw;border-radius:0;left:0;right:0;top:auto;bottom:0;transform:none;max-height:85vh}
}
@media (max-width: 480px) {
.LogoImage{width:90px;height:90px}
.CompanyNameText{font-size:26px;padding:6px 14px}
.NavigationLink{font-size:16px;padding:14px 18px}
.FooterContentBox{padding:40px 0 30px;margin-top:60px}
.ConsentPanelContent{padding:24px 20px}
.ConsentTitle{font-size:22px}
}
.rules-content{max-width:1600px;margin:0 auto;padding:80px 40px;background:#FBFCFC}
.rules-content h1{font-size:48px;line-height:1.2;color:#1a1a1a;margin:0 0 16px;font-weight:700;background:linear-gradient(135deg,#B251FA,#A46505);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.rules-content h2{font-size:36px;line-height:1.3;color:#2a2a2a;margin:60px 0 24px;font-weight:600;border-bottom:3px solid #B251FA;padding-bottom:12px}
.rules-content h3{font-size:28px;line-height:1.4;color:#3a3a3a;margin:48px 0 20px;font-weight:600}
.rules-content h4{font-size:22px;line-height:1.4;color:#4a4a4a;margin:36px 0 16px;font-weight:600}
.rules-content h5{font-size:18px;line-height:1.5;color:#5a5a5a;margin:28px 0 14px;font-weight:600}
.rules-content h6{font-size:16px;line-height:1.5;color:#6a6a6a;margin:24px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.rules-content p{font-size:17px;line-height:1.8;color:#2a2a2a;margin:0 0 20px;max-width:900px}
.rules-content strong,.rules-content b{font-weight:700;color:#1a1a1a}
.rules-content ul,.rules-content ol{margin:0 0 24px;padding:0 0 0 32px;max-width:900px}
.rules-content ul{list-style-type:disc}
.rules-content ol{list-style-type:decimal}
.rules-content li{font-size:17px;line-height:1.8;color:#2a2a2a;margin:0 0 12px;padding-left:8px}
.rules-content li ul,.rules-content li ol{margin:12px 0 0}
.rules-content li ul{list-style-type:circle}
.rules-content li li{margin:8px 0}
.rules-content table{width:100%;max-width:1200px;border-collapse:collapse;margin:32px 0 40px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}
.rules-content thead{background:linear-gradient(135deg,#B251FA,#A46505)}
.rules-content thead tr{border:none}
.rules-content thead th{font-size:16px;line-height:1.5;color:#FBFCFC;font-weight:600;text-align:left;padding:18px 24px;border:none}
.rules-content tbody{background:#fff}
.rules-content tbody tr{border-bottom:1px solid #e8e8e8;transition:background .3s ease}
.rules-content tbody tr:last-child{border-bottom:none}
.rules-content tbody tr:hover{background:#f8f8f8}
.rules-content tbody td{font-size:16px;line-height:1.6;color:#2a2a2a;padding:16px 24px;border:none}
.rules-content th{font-weight:600}
.rules-content hr{border:none;height:2px;background:linear-gradient(90deg,#B251FA,#A46505,#B251FA);margin:48px 0;border-radius:2px;opacity:.3}
@media (max-width: 1024px) {
.rules-content{padding:60px 32px}
.rules-content h1{font-size:40px}
.rules-content h2{font-size:32px;margin:48px 0 20px}
.rules-content h3{font-size:24px}
.rules-content h4{font-size:20px}
}
@media (max-width: 768px) {
.rules-content{padding:48px 24px}
.rules-content h1{font-size:32px}
.rules-content h2{font-size:26px;margin:40px 0 16px}
.rules-content h3{font-size:22px;margin:32px 0 16px}
.rules-content h4{font-size:19px}
.rules-content p,.rules-content li{font-size:16px;line-height:1.7}
.rules-content ul,.rules-content ol{padding:0 0 0 24px}
.rules-content table{font-size:14px}
.rules-content thead th,.rules-content tbody td{padding:12px 16px;font-size:14px}
}
@media (max-width: 480px) {
.rules-content{padding:32px 16px}
.rules-content h1{font-size:28px}
.rules-content h2{font-size:24px}
.rules-content h3{font-size:20px}
.rules-content h4{font-size:18px}
.rules-content p,.rules-content li{font-size:15px}
.rules-content ul,.rules-content ol{padding:0 0 0 20px}
.rules-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.rules-content thead th,.rules-content tbody td{padding:10px 12px;font-size:13px}
}
.IntroBox{position:relative;width:100%;max-width:1600px;margin:0 auto;overflow:hidden}
.IntroBox .ImageLayer{position:relative;width:100%;height:580px;overflow:hidden}
.IntroBox .ImageLayer img{width:100%;height:100%;object-fit:cover;object-position:center}
.IntroBox .ImageLayer::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#b251fa66,#a465054d);z-index:1}
.IntroBox .CurveDecor{position:absolute;bottom:-2px;left:0;width:100%;height:120px;z-index:2}
.IntroBox .TextOverlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;text-align:center;color:#FBFCFC;padding:0 24px;max-width:920px;width:100%}
.IntroBox .TextOverlay h1{font-size:56px;font-weight:700;line-height:1.2;margin:0 0 18px;text-shadow:0 4px 12px #00000059}
.IntroBox .TextOverlay p{font-size:22px;line-height:1.5;margin:0;opacity:.95;text-shadow:0 2px 8px #0000004d}
.FeedbackSection{width:100%;background:linear-gradient(to bottom,#FBFCFC,#f4f5f8);padding:92px 0}
.FeedbackSection .ContentWrap{max-width:1400px;margin:0 auto;padding:0 24px}
.FeedbackSection .SectionHead{text-align:center;margin-bottom:64px}
.FeedbackSection .SectionHead h2{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 16px;position:relative;display:inline-block}
.FeedbackSection .SectionHead h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#B251FA,#A46505);border-radius:4px}
.FeedbackSection .SectionHead p{font-size:18px;color:#4a4a4a;line-height:1.6;max-width:720px;margin:24px auto 0}
.FeedbackSection .ReviewGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.FeedbackSection .ReviewCard{background:#fff;border-radius:12px;padding:36px 28px;box-shadow:0 4px 16px #00000014;transition:transform .3s ease,box-shadow .3s ease}
.FeedbackSection .ReviewCard:hover{transform:translateY(-6px);box-shadow:0 8px 24px #00000024}
.FeedbackSection .ReviewCard .QuoteMark{color:#B251FA;font-size:48px;line-height:1;margin-bottom:16px}
.FeedbackSection .ReviewCard .ReviewText{font-size:16px;line-height:1.7;color:#2a2a2a;margin-bottom:24px}
.FeedbackSection .ReviewCard .AuthorBox{display:flex;align-items:center;gap:12px;padding-top:20px;border-top:2px solid #e8e9f0}
.FeedbackSection .ReviewCard .AuthorInitial{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#B251FA,#A46505);color:#FBFCFC;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}
.FeedbackSection .ReviewCard .AuthorInfo h4{font-size:17px;font-weight:600;color:#1a1a1a;margin:0 0 4px}
.FeedbackSection .ReviewCard .AuthorInfo p{font-size:14px;color:#6a6a6a;margin:0}
.PricingArea{width:100%;background:#fff;padding:88px 0}
.PricingArea .WrapContent{max-width:1300px;margin:0 auto;padding:0 24px}
.PricingArea .TopInfo{max-width:860px;margin:0 auto 72px}
.PricingArea .TopInfo h2{font-size:44px;font-weight:700;color:#1a1a1a;margin:0 0 20px;text-align:center}
.PricingArea .TopInfo .Explanation{font-size:17px;line-height:1.7;color:#3a3a3a;text-align:center}
.PricingArea .PlanGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:56px}
.PricingArea .PlanBox{background:#f9fafb;border-radius:14px;padding:44px 36px;border:3px solid transparent;transition:border-color .3s ease,transform .3s ease;position:relative}
.PricingArea .PlanBox:hover{border-color:#B251FA;transform:scale(1.02)}
.PricingArea .PlanBox .PlanLabel{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#A46505;margin-bottom:12px}
.PricingArea .PlanBox h3{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 16px}
.PricingArea .PlanBox .PriceDisplay{margin-bottom:28px}
.PricingArea .PlanBox .Amount{font-size:52px;font-weight:700;color:#B251FA;line-height:1}
.PricingArea .PlanBox .Period{font-size:18px;color:#5a5a5a;margin-left:8px}
.PricingArea .PlanBox .FeatureList{list-style:none;padding:0;margin:0 0 32px}
.PricingArea .PlanBox .FeatureList li{font-size:16px;line-height:1.6;color:#2a2a2a;padding:10px 0;padding-left:32px;position:relative}
.PricingArea .PlanBox .FeatureList li::before{content:'';position:absolute;left:0;top:16px;width:18px;height:18px;background:linear-gradient(135deg,#B251FA,#A46505);border-radius:50%}
.PricingArea .PlanBox .ActionBtn{display:inline-block;background:linear-gradient(135deg,#B251FA,#A46505);color:#FBFCFC;font-size:17px;font-weight:600;padding:16px 44px;border-radius:10px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 6px 18px #b251fa4d}
.PricingArea .PlanBox .ActionBtn:hover{transform:translateY(-3px);box-shadow:0 10px 28px #b251fa66}
.ResponsibilityZone{width:100%;background:linear-gradient(135deg,#f8f2fd,#fef9f2);padding:96px 0;position:relative}
.ResponsibilityZone::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#B251FA,#A46505)}
.ResponsibilityZone .InnerWrap{max-width:1400px;margin:0 auto;padding:0 24px}
.ResponsibilityZone .GridLayout{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center}
.ResponsibilityZone .LeftVisual img{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 32px #0000001f}
.ResponsibilityZone .RightText h2{font-size:40px;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.3}
.ResponsibilityZone .RightText .MainPara{font-size:17px;line-height:1.75;color:#2a2a2a;margin-bottom:32px}
.ResponsibilityZone .ValuesList{list-style:none;padding:0;margin:0}
.ResponsibilityZone .ValuesList li{background:#fff;padding:22px 26px;margin-bottom:16px;border-radius:10px;border-left:5px solid #B251FA;box-shadow:0 3px 12px #0000000f;transition:transform .3s ease}
.ResponsibilityZone .ValuesList li:hover{transform:translateX(8px)}
.ResponsibilityZone .ValuesList h4{font-size:19px;font-weight:600;color:#1a1a1a;margin:0 0 8px}
.ResponsibilityZone .ValuesList p{font-size:15px;line-height:1.6;color:#4a4a4a;margin:0}
.TrackingSpace{width:100%;background:#fff;padding:92px 0}
.TrackingSpace .ContainerBox{max-width:1500px;margin:0 auto;padding:0 24px}
.TrackingSpace .HeaderZone{text-align:center;margin-bottom:68px}
.TrackingSpace .HeaderZone h2{font-size:43px;font-weight:700;color:#1a1a1a;margin:0 0 18px}
.TrackingSpace .HeaderZone .Description{font-size:18px;line-height:1.65;color:#3a3a3a;max-width:780px;margin:0 auto}
.TrackingSpace .StageTimeline{position:relative;padding:48px 0}
.TrackingSpace .TimelineBar{position:absolute;top:92px;left:0;width:100%;height:4px;background:#e0e2e8;z-index:1}
.TrackingSpace .TimelineBar .ProgressFill{height:100%;width:60%;background:linear-gradient(90deg,#B251FA,#A46505);border-radius:4px}
.TrackingSpace .StageGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;z-index:2}
.TrackingSpace .StageItem{text-align:center}
.TrackingSpace .StageItem .IconCircle{width:88px;height:88px;border-radius:50%;background:#fff;border:4px solid #e0e2e8;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:36px;transition:all .3s ease;position:relative}
.TrackingSpace .StageItem[data-status="completed"] .IconCircle{border-color:#B251FA;background:linear-gradient(135deg,#B251FA,#A46505);color:#FBFCFC}
.TrackingSpace .StageItem[data-status="current"] .IconCircle{border-color:#A46505;background:#fff;color:#A46505;box-shadow:0 0 0 6px #a4650526}
.TrackingSpace .StageItem h4{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 8px}
.TrackingSpace .StageItem p{font-size:14px;line-height:1.5;color:#5a5a5a;margin:0}
.TrackingSpace .StatsRow{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:76px;padding-top:64px;border-top:2px dashed #d0d2d8}
.TrackingSpace .StatBlock{text-align:center;padding:28px 20px;background:linear-gradient(to bottom,#fafbfc,#f5f6f9);border-radius:12px}
.TrackingSpace .StatBlock .Number{font-size:48px;font-weight:700;color:#B251FA;line-height:1;margin-bottom:12px}
.TrackingSpace .StatBlock .Label{font-size:16px;font-weight:500;color:#2a2a2a;margin:0}
@media (max-width: 1200px) {
.IntroBox .TextOverlay h1{font-size:46px}
.FeedbackSection .ReviewGrid{grid-template-columns:1fr;gap:28px}
.PricingArea .PlanGrid{grid-template-columns:1fr;gap:32px}
.ResponsibilityZone .GridLayout{grid-template-columns:1fr;gap:48px}
.TrackingSpace .StageGrid{grid-template-columns:repeat(2,1fr);gap:36px}
.TrackingSpace .TimelineBar{display:none}
.TrackingSpace .StatsRow{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 768px) {
.IntroBox .ImageLayer{height:420px}
.IntroBox .TextOverlay h1{font-size:34px}
.IntroBox .TextOverlay p{font-size:18px}
.FeedbackSection{padding:64px 0}
.FeedbackSection .SectionHead h2{font-size:32px}
.PricingArea{padding:64px 0}
.PricingArea .TopInfo h2{font-size:34px}
.ResponsibilityZone{padding:68px 0}
.ResponsibilityZone .RightText h2{font-size:32px}
.TrackingSpace{padding:64px 0}
.TrackingSpace .HeaderZone h2{font-size:34px}
.TrackingSpace .StageGrid{grid-template-columns:1fr}
}
.HeroBox{position:relative;min-height:520px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:80px}
.HeroBox .BackgroundPhoto{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:sepia(0.15) saturate(1.1);z-index:1}
.HeroBox .GradientLayer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#b251fab3,#a4650599);z-index:2;animation:gradientShift 8s ease infinite}
@keyframes gradientShift {
0%,100%{opacity:.7}
50%{opacity:.85}
}
.HeroBox .TextContent{position:relative;z-index:3;text-align:center;max-width:900px;padding:0 24px}
.HeroBox .TitleFirst{font-size:3.2rem;color:#FBFCFC;font-weight:700;line-height:1.2;margin:0 0 16px;text-shadow:0 4px 12px #0000004d}
.HeroBox .TitleSecond{font-size:1.8rem;color:#FBFCFC;font-weight:400;line-height:1.4;margin:0;text-shadow:0 2px 8px #00000040}
.StorySection{max-width:1600px;margin:0 auto 100px;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.StorySection .TextBlock{padding:24px}
.StorySection .SectionLabel{font-size:.95rem;color:#A46505;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 16px}
.StorySection .MainHeading{font-size:2.6rem;color:#1a1a1a;font-weight:700;line-height:1.25;margin:0 0 28px}
.StorySection .BodyText{font-size:1.05rem;color:#3a3a3a;line-height:1.7;margin:0 0 20px}
.StorySection .ImageHolder{width:100%;height:480px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000001f}
.StorySection .ImageHolder img{width:100%;height:100%;object-fit:cover}
.ValuesGrid{max-width:1600px;margin:0 auto 110px;padding:80px 24px;background:linear-gradient(180deg,#FBFCFC 0%,#f4f0f8 100%)}
.ValuesGrid .GridHeading{text-align:center;font-size:2.4rem;color:#1a1a1a;font-weight:700;margin:0 0 60px}
.ValuesGrid .CardContainer{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.ValuesGrid .ValueCard{background:#fff;padding:40px 32px;border-radius:10px;box-shadow:0 4px 16px #00000014;transition:transform .3s ease,box-shadow .3s ease}
.ValuesGrid .ValueCard:hover{transform:translateY(-6px);box-shadow:0 10px 30px #b251fa26}
.ValuesGrid .CardIcon{width:56px;height:56px;margin-bottom:24px}
.ValuesGrid .CardIcon svg{width:100%;height:100%}
.ValuesGrid .CardTitle{font-size:1.5rem;color:#B251FA;font-weight:600;margin:0 0 16px}
.ValuesGrid .CardDescription{font-size:1rem;color:#4a4a4a;line-height:1.65;margin:0}
.ApproachBlock{max-width:1600px;margin:0 auto 100px;padding:0 24px}
.ApproachBlock .ApproachHeading{font-size:2.5rem;color:#1a1a1a;font-weight:700;text-align:center;margin:0 0 70px}
.ApproachBlock .StepsWrapper{display:flex;flex-direction:column;gap:0}
.ApproachBlock .StepRow{display:grid;grid-template-columns:140px 1fr;gap:40px;padding:36px 0;border-bottom:2px solid #e8e8e8}
.ApproachBlock .StepRow:last-child{border-bottom:none}
.ApproachBlock .StepNumber{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#B251FA,#A46505);color:#FBFCFC;font-size:2.2rem;font-weight:700;box-shadow:0 6px 18px #b251fa40}
.ApproachBlock .StepContent{padding-top:8px}
.ApproachBlock .StepTitle{font-size:1.7rem;color:#1a1a1a;font-weight:600;margin:0 0 16px}
.ApproachBlock .StepText{font-size:1.05rem;color:#4a4a4a;line-height:1.7;margin:0}
.TeamShowcase{max-width:1600px;margin:0 auto 90px;padding:0 24px;background:#fff}
.TeamShowcase .TeamIntro{text-align:center;max-width:800px;margin:0 auto 60px}
.TeamShowcase .TeamHeading{font-size:2.5rem;color:#1a1a1a;font-weight:700;margin:0 0 24px}
.TeamShowcase .TeamSubtext{font-size:1.1rem;color:#4a4a4a;line-height:1.7;margin:0}
.TeamShowcase .PhotoGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.TeamShowcase .PhotoItem{position:relative;height:380px;border-radius:14px;overflow:hidden;box-shadow:0 6px 20px #0000001a}
.TeamShowcase .PhotoItem img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.TeamShowcase .PhotoItem:hover img{transform:scale(1.05)}
.TeamShowcase .PhotoOverlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000b3,transparent);padding:24px;color:#FBFCFC}
.TeamShowcase .PhotoLabel{font-size:1.15rem;font-weight:600;margin:0}
@media (max-width: 1200px) {
.StorySection{grid-template-columns:1fr;gap:40px}
.ValuesGrid .CardContainer{grid-template-columns:repeat(2,1fr)}
.ApproachBlock .StepRow{grid-template-columns:100px 1fr;gap:32px}
.ApproachBlock .StepNumber{width:80px;height:80px;font-size:1.8rem}
}
@media (max-width: 768px) {
.HeroBox{min-height:400px;margin-bottom:60px}
.HeroBox .TitleFirst{font-size:2.2rem}
.HeroBox .TitleSecond{font-size:1.3rem}
.StorySection{margin-bottom:70px;gap:32px}
.StorySection .MainHeading{font-size:2rem}
.StorySection .ImageHolder{height:320px}
.ValuesGrid{padding:60px 24px;margin-bottom:80px}
.ValuesGrid .GridHeading{font-size:2rem;margin-bottom:40px}
.ValuesGrid .CardContainer{grid-template-columns:1fr;gap:24px}
.ApproachBlock{margin-bottom:70px}
.ApproachBlock .ApproachHeading{font-size:2rem;margin-bottom:50px}
.ApproachBlock .StepRow{grid-template-columns:1fr;gap:20px;padding:28px 0}
.ApproachBlock .StepNumber{width:70px;height:70px;font-size:1.6rem;margin:0 auto}
.ApproachBlock .StepContent{text-align:center}
.ApproachBlock .StepTitle{font-size:1.4rem}
.TeamShowcase{margin-bottom:60px}
.TeamShowcase .TeamHeading{font-size:2rem}
.TeamShowcase .PhotoGrid{grid-template-columns:1fr;gap:24px}
.TeamShowcase .PhotoItem{height:300px}
}
.ContactTitle{background:linear-gradient(135deg,#FBFCFC 0%,#f0f0f2 100%);position:relative;overflow:hidden;padding:0}
.ContactTitle .TitleContent{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;min-height:480px}
.ContactTitle .TextZone{padding:60px 80px;position:relative}
.ContactTitle .TextZone::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:2px;height:60%;background:linear-gradient(to bottom,transparent,#B251FA,transparent)}
.ContactTitle h1{font-size:48px;line-height:1.2;color:#2a2a2a;margin:0 0 24px;font-weight:700}
.ContactTitle .IntroText{font-size:18px;line-height:1.6;color:#555;margin:0}
.ContactTitle .ImageZone{position:relative;height:480px;overflow:hidden}
.ContactTitle .ImageZone img{width:120%;height:100%;object-fit:cover;object-position:left center;filter:saturate(0.7);margin-left:-60px}
.ContactDetails{max-width:1600px;margin:0 auto;padding:80px 40px}
.ContactDetails .GridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.ContactDetails .InfoCard{background:#FBFCFC;border:1px solid #e8e8ea;border-radius:12px;padding:40px 32px;transition:all .3s ease}
.ContactDetails .InfoCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #b251fa1f;border-color:#B251FA}
.ContactDetails .InfoCard .IconHolder{width:56px;height:56px;background:linear-gradient(135deg,#B251FA,#A46505);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.ContactDetails .InfoCard .IconHolder i{font-size:28px;color:#FBFCFC}
.ContactDetails .InfoCard h3{font-size:20px;margin:0 0 16px;color:#2a2a2a;font-weight:600}
.ContactDetails .InfoCard .DetailLine{font-size:16px;line-height:1.8;color:#555;margin:8px 0}
.ContactDetails .InfoCard .DetailLine a{color:#B251FA;text-decoration:none;transition:color .2s ease}
.ContactDetails .InfoCard .DetailLine a:hover{color:#A46505}
.FormSection{background:linear-gradient(180deg,#FBFCFC 0%,#f5f5f7 100%);padding:100px 40px}
.FormSection .FormContainer{max-width:720px;margin:0 auto}
.FormSection h2{font-size:36px;text-align:center;margin:0 0 16px;color:#2a2a2a;font-weight:700}
.FormSection .FormIntro{text-align:center;font-size:17px;line-height:1.6;color:#666;margin:0 0 48px}
.FormSection .FormBox{background:#FBFCFC;border-radius:16px;padding:48px;box-shadow:0 4px 16px #0000000f}
.FormSection .InputGroup{margin-bottom:28px}
.FormSection .InputGroup label{display:block;font-size:15px;font-weight:600;color:#333;margin-bottom:8px}
.FormSection .InputGroup input,.FormSection .InputGroup select{width:100%;padding:14px 16px;border:2px solid #e0e0e2;border-radius:8px;font-size:16px;color:#2a2a2a;transition:all .2s ease;background:#fff;box-sizing:border-box}
.FormSection .InputGroup input:focus,.FormSection .InputGroup select:focus{outline:none;border-color:#B251FA;box-shadow:0 0 0 3px #b251fa1a}
.FormSection .InputGroup select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23666' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
.FormSection .PrivacyBox{margin:32px 0 28px;display:flex;align-items:flex-start;gap:12px}
.FormSection .PrivacyBox input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#B251FA;flex-shrink:0}
.FormSection .PrivacyBox label{font-size:14px;line-height:1.6;color:#555;cursor:pointer}
.FormSection .PrivacyBox label a{color:#B251FA;text-decoration:none}
.FormSection .PrivacyBox label a:hover{text-decoration:underline}
.FormSection .SubmitBtn{width:100%;padding:16px 32px;background:linear-gradient(135deg,#B251FA,#A46505);color:#FBFCFC;border:none;border-radius:10px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #b251fa4d}
.FormSection .SubmitBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b251fa66}
.FormSection .SubmitBtn:active{transform:translateY(0)}
.ConnectWays{max-width:1600px;margin:0 auto;padding:80px 40px 100px}
.ConnectWays h2{font-size:32px;text-align:center;margin:0 0 56px;color:#2a2a2a;font-weight:700}
.ConnectWays .MethodsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1000px;margin:0 auto}
.ConnectWays .MethodBox{background:linear-gradient(135deg,#FBFCFC,#f8f8fa);border:2px solid #e8e8ea;border-radius:14px;padding:36px 28px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}
.ConnectWays .MethodBox::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#B251FA,#A46505);transform:scaleX(0);transition:transform .3s ease}
.ConnectWays .MethodBox:hover::before{transform:scaleX(1)}
.ConnectWays .MethodBox:hover{border-color:#B251FA;transform:translateY(-4px);box-shadow:0 8px 20px #b251fa26}
.ConnectWays .MethodBox .MethodIcon{width:64px;height:64px;background:linear-gradient(135deg,#B251FA,#A46505);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.ConnectWays .MethodBox .MethodIcon i{font-size:32px;color:#FBFCFC}
.ConnectWays .MethodBox h4{font-size:18px;margin:0 0 12px;color:#2a2a2a;font-weight:600}
.ConnectWays .MethodBox a{display:inline-block;color:#B251FA;text-decoration:none;font-size:16px;font-weight:500;transition:color .2s ease}
.ConnectWays .MethodBox a:hover{color:#A46505}
@media (max-width: 1024px) {
.ContactTitle .TitleContent{grid-template-columns:1fr;min-height:auto}
.ContactTitle .TextZone{padding:50px 40px}
.ContactTitle .TextZone::after{display:none}
.ContactTitle .ImageZone{height:360px}
.ContactTitle .ImageZone img{width:100%;margin-left:0}
.ContactDetails .GridLayout{grid-template-columns:1fr;gap:24px}
.ConnectWays .MethodsGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.ContactTitle h1{font-size:36px}
.ContactTitle .IntroText{font-size:16px}
.ContactDetails{padding:60px 24px}
.FormSection{padding:70px 24px}
.FormSection .FormBox{padding:32px 24px}
.FormSection h2{font-size:28px}
.ConnectWays{padding:60px 24px 80px}
.ConnectWays h2{font-size:26px;margin-bottom:40px}
}
.LaunchHero{position:relative;overflow:hidden;padding:120px 20px 100px;background:linear-gradient(135deg,#B251FA 0%,#A46505 100%)}
.LaunchHero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fbfcfc26 0%,transparent 70%);border-radius:50%;animation:glow-pulse 8s ease-in-out infinite}
.LaunchHero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#fbfcfc1a 0%,transparent 70%);border-radius:50%;animation:glow-pulse 10s ease-in-out infinite reverse}
@keyframes glow-pulse {
0%,100%{opacity:.3;transform:scale(1)}
50%{opacity:.6;transform:scale(1.1)}
}
.LaunchHero .ContentWrap{max-width:1400px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 380px;gap:60px;align-items:center}
.LaunchHero .TitleZone h1{font-size:64px;line-height:1.15;color:#FBFCFC;margin:0;font-weight:700;text-shadow:0 4px 20px #0003}
.LaunchHero .ImagePanel{position:relative}
.LaunchHero .ImagePanel img{width:100%;height:420px;object-fit:cover;border-radius:12px;box-shadow:0 12px 40px #00000040 0 0 60px #fbfcfc26;transition:transform .4s ease,box-shadow .4s ease}
.LaunchHero .ImagePanel:hover img{transform:translateY(-8px);box-shadow:0 20px 50px #0000004d 0 0 80px #fbfcfc40}
@media (max-width: 968px) {
.LaunchHero .ContentWrap{grid-template-columns:1fr;gap:40px}
.LaunchHero .TitleZone h1{font-size:48px}
.LaunchHero .ImagePanel img{height:320px}
}
@media (max-width: 640px) {
.LaunchHero{padding:80px 20px 60px}
.LaunchHero .TitleZone h1{font-size:36px}
.LaunchHero .ImagePanel img{height:240px}
}
.ProgramGrid{padding:100px 20px;background:#FBFCFC}
.ProgramGrid .ContainerBox{max-width:1600px;margin:0 auto}
.ProgramGrid .HeaderText{text-align:center;margin-bottom:70px}
.ProgramGrid .HeaderText h2{font-size:42px;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.ProgramGrid .HeaderText h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#B251FA,#A46505);margin:24px auto 0;border-radius:2px}
.ProgramGrid .HeaderText p{font-size:18px;line-height:1.7;color:#4a4a4a;max-width:720px;margin:0 auto}
.ProgramGrid .GridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.ProgramGrid .CourseBox{background:#fff;border-radius:14px;padding:40px 32px;box-shadow:0 4px 16px #0000000f;transition:all .3s ease;position:relative;overflow:hidden}
.ProgramGrid .CourseBox::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#B251FA,#A46505);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.ProgramGrid .CourseBox:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001f}
.ProgramGrid .CourseBox:hover::before{transform:scaleX(1)}
.ProgramGrid .CourseBox h3{font-size:26px;color:#B251FA;margin:0 0 18px;font-weight:700}
.ProgramGrid .CourseBox .Duration{display:inline-block;background:#b251fa1a;color:#A46505;padding:6px 14px;border-radius:8px;font-size:14px;font-weight:600;margin-bottom:20px}
.ProgramGrid .CourseBox p{font-size:16px;line-height:1.7;color:#5a5a5a;margin:0 0 24px}
.ProgramGrid .CourseBox .TopicList{list-style:none;padding:0;margin:0}
.ProgramGrid .CourseBox .TopicList li{padding:10px 0;color:#3a3a3a;font-size:15px;border-bottom:1px solid #ececec;position:relative;padding-left:24px}
.ProgramGrid .CourseBox .TopicList li:last-child{border-bottom:none}
.ProgramGrid .CourseBox .TopicList li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#A46505;border-radius:50%}
@media (max-width: 1024px) {
.ProgramGrid .GridLayout{grid-template-columns:repeat(2,1fr);gap:32px}
}
@media (max-width: 640px) {
.ProgramGrid{padding:60px 20px}
.ProgramGrid .HeaderText h2{font-size:32px}
.ProgramGrid .GridLayout{grid-template-columns:1fr;gap:24px}
.ProgramGrid .CourseBox{padding:32px 24px}
}
.PathTimeline{padding:100px 20px;background:linear-gradient(180deg,#fff 0%,#f8f8f8 100%);position:relative}
.PathTimeline .WrapContainer{max-width:1200px;margin:0 auto}
.PathTimeline .SectionHead{text-align:center;margin-bottom:80px}
.PathTimeline .SectionHead h2{font-size:40px;color:#1a1a1a;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.PathTimeline .SectionHead h2::before{content:'';position:absolute;left:-60px;top:50%;transform:translateY(-50%);width:40px;height:3px;background:#B251FA}
.PathTimeline .SectionHead h2::after{content:'';position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:40px;height:3px;background:#A46505}
.PathTimeline .TimelineTrack{position:relative;padding-left:60px}
.PathTimeline .TimelineTrack::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#B251FA 0%,#A46505 100%)}
.PathTimeline .StepItem{position:relative;margin-bottom:50px;padding-left:40px}
.PathTimeline .StepItem::before{content:'';position:absolute;left:-46px;top:8px;width:18px;height:18px;background:#FBFCFC;border:4px solid #B251FA;border-radius:50%;box-shadow:0 0 0 4px #b251fa33;z-index:2}
.PathTimeline .StepItem:nth-child(even)::before{border-color:#A46505;box-shadow:0 0 0 4px #a4650533}
.PathTimeline .StepItem h3{font-size:24px;color:#B251FA;margin:0 0 12px;font-weight:700}
.PathTimeline .StepItem:nth-child(even) h3{color:#A46505}
.PathTimeline .StepItem .PhaseLabel{display:inline-block;background:#b251fa1a;color:#B251FA;padding:4px 12px;border-radius:6px;font-size:13px;font-weight:600;margin-bottom:14px}
.PathTimeline .StepItem:nth-child(even) .PhaseLabel{background:#a465051a;color:#A46505}
.PathTimeline .StepItem p{font-size:16px;line-height:1.7;color:#4a4a4a;margin:0}
@media (max-width: 640px) {
.PathTimeline{padding:60px 20px}
.PathTimeline .SectionHead h2{font-size:30px}
.PathTimeline .SectionHead h2::before,.PathTimeline .SectionHead h2::after{display:none}
.PathTimeline .TimelineTrack{padding-left:40px}
.PathTimeline .StepItem{padding-left:30px}
}
.ComparisonDual{padding:100px 20px;background:#FBFCFC}
.ComparisonDual .CenterWrap{max-width:1400px;margin:0 auto}
.ComparisonDual .IntroBlock{text-align:center;margin-bottom:60px}
.ComparisonDual .IntroBlock h2{font-size:38px;color:#1a1a1a;margin:0 0 18px;font-weight:700}
.ComparisonDual .IntroBlock p{font-size:17px;line-height:1.7;color:#4a4a4a;max-width:680px;margin:0 auto}
.ComparisonDual .SplitGrid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.ComparisonDual .OptionPanel{background:#fff;border-radius:12px;padding:50px 40px;box-shadow:0 6px 24px #00000014;position:relative;overflow:hidden}
.ComparisonDual .OptionPanel::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#B251FA,#A46505)}
.ComparisonDual .OptionPanel h3{font-size:28px;color:#B251FA;margin:0 0 26px;font-weight:700}
.ComparisonDual .FeatureSet{list-style:none;padding:0;margin:0}
.ComparisonDual .FeatureSet li{padding:14px 0;font-size:16px;color:#3a3a3a;line-height:1.6;border-bottom:1px solid #ececec;position:relative;padding-left:32px}
.ComparisonDual .FeatureSet li:last-child{border-bottom:none}
.ComparisonDual .FeatureSet li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;background:linear-gradient(135deg,#B251FA,#A46505);border-radius:4px}
.ComparisonDual .OptionPanel:nth-child(2) h3{color:#A46505}
@media (max-width: 968px) {
.ComparisonDual .SplitGrid{grid-template-columns:1fr;gap:36px}
}
@media (max-width: 640px) {
.ComparisonDual{padding:60px 20px}
.ComparisonDual .IntroBlock h2{font-size:30px}
.ComparisonDual .OptionPanel{padding:40px 28px}
}
.EnrollAction{padding:120px 20px;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);position:relative;overflow:hidden}
.EnrollAction::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(./location_photos/the-bg-3-5.jpg);background-size:cover;background-position:center;opacity:.15;z-index:1}
.EnrollAction .ActionContent{max-width:900px;margin:0 auto;position:relative;z-index:2;text-align:center}
.EnrollAction .ActionContent h2{font-size:46px;color:#FBFCFC;margin:0 0 24px;font-weight:700;text-shadow:0 2px 12px #0000004d}
.EnrollAction .ActionContent p{font-size:19px;line-height:1.7;color:#e0e0e0;margin:0 0 44px}
.EnrollAction .ButtonGroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.EnrollAction .ButtonPrimary{display:inline-block;padding:18px 46px;background:linear-gradient(135deg,#B251FA,#A46505);color:#FBFCFC;font-size:17px;font-weight:700;text-decoration:none;border-radius:10px;box-shadow:0 8px 24px #b251fa4d;transition:all .3s ease;position:relative;z-index:3}
.EnrollAction .ButtonPrimary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #b251fa66}
.EnrollAction .ButtonSecondary{display:inline-block;padding:18px 46px;background:transparent;color:#FBFCFC;font-size:17px;font-weight:700;text-decoration:none;border-radius:10px;border:2px solid #FBFCFC;transition:all .3s ease;position:relative;z-index:3}
.EnrollAction .ButtonSecondary:hover{background:#fbfcfc1a;transform:translateY(-3px)}
@media (max-width: 640px) {
.EnrollAction{padding:80px 20px}
.EnrollAction .ActionContent h2{font-size:34px}
.EnrollAction .ButtonGroup{flex-direction:column;align-items:center}
.EnrollAction .ButtonPrimary,.EnrollAction .ButtonSecondary{width:100%;max-width:320px}
}
.ConfirmWrap{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;background:linear-gradient(135deg,#FBFCFC 0%,#f4f0f8 50%,#FBFCFC 100%);position:relative;overflow:hidden}
.ConfirmWrap::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,#b251fa14 0%,transparent 50%),radial-gradient(circle at 70% 60%,#a465050f 0%,transparent 50%);animation:slowDrift 20s ease-in-out infinite}
@keyframes slowDrift {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(-30px,-30px) rotate(3deg)}
}
.ConfirmInner{max-width:720px;width:100%;margin:0 auto;position:relative;z-index:2}
.StatusBox{background:#FBFCFC;border-radius:12px;padding:60px 48px;box-shadow:0 8px 24px #b251fa1f 0 2px 8px #0000000a;text-align:center;position:relative}
.StatusBox::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#B251FA 0%,#A46505 100%);border-radius:12px 12px 0 0}
.IconCircle{width:96px;height:96px;margin:0 auto 32px;border-radius:50%;background:linear-gradient(135deg,#b251fa1f 0%,#a4650514 100%);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 16px #b251fa26}
.IconCircle::after{content:'';position:absolute;inset:12px;border-radius:50%;background:#FBFCFC;z-index:1}
.IconCircle .fi-check{font-size:48px;color:#B251FA;position:relative;z-index:2;line-height:1}
.MainHeading{font-size:38px;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.2}
.SubMessage{font-size:18px;color:#4a4a4a;margin:0 0 40px;line-height:1.6}
.DetailGrid{display:grid;grid-template-columns:1fr;gap:16px;margin:0 0 48px;text-align:left}
.DetailRow{background:linear-gradient(135deg,#b251fa0a 0%,#a4650505 100%);padding:20px 24px;border-radius:10px;border-left:3px solid #B251FA;display:flex;align-items:flex-start;gap:16px}
.DetailRow .fi{font-size:24px;color:#B251FA;line-height:1;margin-top:2px;flex-shrink:0}
.DetailContent{flex:1}
.DetailLabel{font-size:14px;font-weight:600;color:#A46505;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}
.DetailText{font-size:16px;color:#2a2a2a;margin:0;line-height:1.5}
.ActionGroup{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.PrimaryBtn{background:linear-gradient(135deg,#B251FA 0%,#9a3fe0 100%);color:#FBFCFC;padding:16px 40px;border-radius:10px;text-decoration:none;font-size:17px;font-weight:600;display:inline-flex;align-items:center;gap:10px;box-shadow:0 6px 18px #b251fa40;transition:all .3s ease;border:none;position:relative;z-index:5}
.PrimaryBtn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #b251fa59;background:linear-gradient(135deg,#9a3fe0 0%,#B251FA 100%);color:#FBFCFC}
.SecondaryBtn{background:transparent;color:#A46505;padding:16px 40px;border-radius:10px;text-decoration:none;font-size:17px;font-weight:600;display:inline-flex;align-items:center;gap:10px;border:2px solid #A46505;transition:all .3s ease;position:relative;z-index:5}
.SecondaryBtn:hover{background:#A46505;color:#FBFCFC;transform:translateY(-2px);box-shadow:0 6px 18px #a4650540}
@media (max-width: 768px) {
.ConfirmWrap{padding:40px 16px;min-height:60vh}
.StatusBox{padding:40px 28px}
.MainHeading{font-size:28px}
.SubMessage{font-size:16px;margin-bottom:32px}
.IconCircle{width:80px;height:80px;margin-bottom:24px}
.IconCircle .fi-check{font-size:40px}
.DetailRow{padding:16px 20px}
.DetailRow .fi{font-size:20px}
.DetailLabel{font-size:13px}
.DetailText{font-size:15px}
.ActionGroup{flex-direction:column;gap:12px}
.PrimaryBtn,.SecondaryBtn{width:100%;justify-content:center;padding:14px 32px;font-size:16px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.StatusBox{padding:50px 40px}
.MainHeading{font-size:32px}
}