*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'EB Garamond',serif;background:linear-gradient(180deg,#0a0a0a 0%,#1a1a1a 100%);color:#FEFEEA;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
.SiteHeader{background:linear-gradient(135deg,#1a0d1a 0%,#0d1a1f 100%);border-bottom:2px solid #ff5eb233;box-shadow:0 8px 24px #ff5eb226;position:relative}
.HeaderContainer{max-width:1200px;margin:0 auto;padding:0 20px}
.LogoRow{padding:30px 0 20px;text-align:center;border-bottom:1px solid #0e75a433}
.LogoWrapper{display:inline-block}
.LogoWrapper img{height:110px;width:110px;object-fit:contain;background:radial-gradient(circle,#ff5eb21a,transparent);padding:12px;border-radius:12px;box-shadow:0 4px 16px #0e75a44d}
.CompanyNameRow{padding:25px 0;text-align:center;border-bottom:1px solid #ff5eb226}
.CompanyTitle{font-size:2.8rem;font-weight:700;background:linear-gradient(90deg,#FF5EB2 0%,#0E75A4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px;text-shadow:0 0 30px #ff5eb24d}
.NavigationRow{padding:20px 0}
.MainNavigation{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap}
.MainNavigation a{color:#FEFEEA;text-decoration:none;font-size:1.1rem;font-weight:400;padding:8px 16px;border-radius:8px;transition:all 320ms ease;position:relative}
.MainNavigation a:hover{color:#FF5EB2;background:#ff5eb214}
main{flex:1}
.SiteFooter{background:linear-gradient(180deg,#0d0d0d 0%,#050505 100%);border-top:2px solid #0e75a44d;margin-top:80px;box-shadow:0 -8px 24px #0006}
.FooterContent{max-width:1200px;margin:0 auto;padding:50px 20px 30px}
.FooterTopSection{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;padding-bottom:40px;border-bottom:1px solid #ff5eb226}
.FooterColumn h3{font-size:1.3rem;color:#FF5EB2;margin-bottom:20px;font-weight:700}
.FooterColumn ul{list-style:none}
.FooterColumn ul li{margin-bottom:12px}
.FooterColumn a{color:#FEFEEA;text-decoration:none;font-size:1rem;transition:color 280ms ease;display:inline-block}
.FooterColumn a:hover{color:#0E75A4}
.ContactInfo p{margin-bottom:12px;color:#fefeead9;font-size:.95rem}
.ContactInfo i{color:#0E75A4;margin-right:10px;width:20px}
.FooterBottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;flex-wrap:wrap;gap:20px}
.CopyrightText{color:#fefeea99;font-size:.9rem}
.FooterUtilityLinks{display:flex;gap:15px}
.FooterUtilityLinks a{color:#fefeeab3;text-decoration:none;font-size:.9rem;transition:color 280ms ease}
.FooterUtilityLinks a:hover{color:#FF5EB2}
.CookieConsent{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(200%);background:linear-gradient(135deg,#1a0d1a 0%,#0d1a1f 100%);border:2px solid #ff5eb266;border-radius:12px;padding:30px;max-width:480px;width:90%;box-shadow:0 12px 40px #0009 0 0 60px #ff5eb233;z-index:10000;transition:transform 400ms cubic-bezier(0.34,1.56,0.64,1)}
.CookieConsent[data-visible="true"]{transform:translateX(-50%) translateY(0)}
.CookieConsent h4{color:#FF5EB2;font-size:1.3rem;margin-bottom:15px;font-weight:700}
.CookieConsent p{color:#FEFEEA;font-size:.95rem;margin-bottom:20px;line-height:1.5}
.CookieActions{display:flex;gap:20px;justify-content:center}
.CookieActions button{background:none;border:none;color:#FEFEEA;font-family:'EB Garamond',serif;font-size:1rem;text-decoration:underline;cursor:pointer;padding:8px 16px;transition:color 280ms ease}
.CookieActions button:hover{color:#FF5EB2}
.PreferenceLink{position:fixed;bottom:20px;right:20px;background:#ff5eb226;border:1px solid #ff5eb24d;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 300ms ease;box-shadow:0 4px 16px #ff5eb233}
.PreferenceLink:hover{background:#ff5eb240;box-shadow:0 6px 20px #ff5eb259}
.PreferenceLink i{color:#FF5EB2;font-size:1.3rem}
@media (max-width: 768px) {
.CompanyTitle{font-size:2rem}
.MainNavigation{gap:20px}
.MainNavigation a{font-size:1rem}
.FooterTopSection{grid-template-columns:1fr;gap:30px}
.FooterBottom{flex-direction:column;text-align:center}
.CookieConsent{bottom:20px;padding:25px}
}
@media (max-width: 375px) {
.LogoWrapper img{height:80px;width:80px}
.CompanyTitle{font-size:1.6rem}
.MainNavigation{flex-direction:column;gap:15px}
}
.policy-inner{max-width:1200px;margin:0 auto;padding:80px 20px;background:linear-gradient(180deg,#0a0a0a 0%,#1a1a1a 100%);color:#FEFEEA;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.8}
.policy-inner p{font-size:16px;margin-bottom:24px;color:#d4d4c8;line-height:1.9;text-align:justify}
.policy-inner p:last-child{margin-bottom:0}
.policy-inner strong,.policy-inner b{color:#FEFEEA;font-weight:600;text-shadow:0 0 8px #ff5eb24d}
.policy-inner ul,.policy-inner ol{margin:0 0 32px;padding-left:40px}
.policy-inner ul li,.policy-inner ol li{font-size:16px;color:#d4d4c8;margin-bottom:16px;line-height:1.8;padding-left:8px}
.policy-inner ul li::marker{color:#FF5EB2;font-size:18px}
.policy-inner ol li::marker{color:#0E75A4;font-weight:600}
.policy-inner ul ul,.policy-inner ol ol,.policy-inner ul ol,.policy-inner ol ul{margin:16px 0 0}
.policy-inner a{color:#FF5EB2;text-decoration:none;border-bottom:1px solid #ff5eb24d;transition:all 300ms ease;font-weight:500}
.policy-inner a:hover{color:#FEFEEA;border-bottom-color:#FF5EB2;text-shadow:0 0 12px #ff5eb299}
.policy-inner a:focus{outline:2px solid #0E75A4;outline-offset:3px;border-radius:4px}
.policy-inner table{width:100%;border-collapse:collapse;margin:40px 0;background:#0e75a40d;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0006 0 0 16px #0e75a433}
.policy-inner thead{background:linear-gradient(135deg,#FF5EB2 0%,#0E75A4 100%)}
.policy-inner thead tr th{padding:20px 24px;text-align:left;font-weight:600;color:#FEFEEA;font-size:15px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #fefeea33}
.policy-inner tbody tr{border-bottom:1px solid #fefeea1a;transition:background 280ms ease}
.policy-inner tbody tr:hover{background:#ff5eb214}
.policy-inner tbody tr:last-child{border-bottom:none}
.policy-inner tbody tr td{padding:18px 24px;font-size:15px;color:#d4d4c8;vertical-align:top}
.policy-inner tbody tr td:first-child{font-weight:500;color:#FEFEEA}
.policy-inner hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#FF5EB2 20%,#0E75A4 80%,transparent 100%);margin:48px 0;box-shadow:0 0 12px #ff5eb24d}
@media (max-width: 768px) {
.policy-inner{padding:60px 16px}
.policy-inner p,.policy-inner ul li,.policy-inner ol li{font-size:15px;text-align:left}
.policy-inner ul,.policy-inner ol{padding-left:28px}
.policy-inner table{font-size:14px;margin:32px -16px;border-radius:0;width:calc(100% + 32px)}
.policy-inner thead tr th,.policy-inner tbody tr td{padding:14px 12px;font-size:14px}
}
@media (max-width: 375px) {
.policy-inner{padding:40px 12px}
.policy-inner p,.policy-inner ul li,.policy-inner ol li{font-size:14px}
.policy-inner thead tr th,.policy-inner tbody tr td{padding:12px 10px;font-size:13px}
}
.AboutPageHero{background:linear-gradient(145deg,#0E75A4,#1a1a1a);padding:90px 0 80px;position:relative;overflow:hidden}
.AboutPageHero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ff5eb226,transparent 70%);border-radius:50%}
.AboutPageHero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#0e75a433,transparent 65%);border-radius:50%}
.HeroContentWrapper{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.HeroTitleGrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.HeroTextBlock h1{font-size:3.2rem;font-weight:700;color:#FEFEEA;margin-bottom:24px;line-height:1.2}
.HeroTextBlock p{font-size:1.15rem;line-height:1.7;color:#d4d4d4}
.HeroImageFrame{position:relative}
.HeroImageFrame::before{content:'·';position:absolute;top:-12px;left:-12px;font-size:48px;color:#FF5EB2;line-height:1}
.HeroImageFrame::after{content:'·';position:absolute;bottom:-12px;right:-12px;font-size:48px;color:#0E75A4;line-height:1}
.HeroImageFrame img{width:100%;height:420px;object-fit:cover;border-radius:12px;box-shadow:0 16px 40px #00000080}
.AboutStorySection{background:#1a1a1a;padding:90px 0}
.StoryContainer{max-width:1200px;margin:0 auto;padding:0 24px}
.StoryAsymmetricLayout{display:grid;grid-template-columns:2fr 3fr;gap:80px;align-items:start}
.StorySideCard{background:linear-gradient(135deg,#252525,#1f1f1f);padding:48px 36px;border-radius:14px;border-left:4px solid #FF5EB2;box-shadow:0 8px 24px #0006}
.StorySideCard h2{font-size:1.8rem;color:#FEFEEA;margin-bottom:20px;font-weight:600}
.StorySideCard p{font-size:1.05rem;line-height:1.75;color:#b8b8b8}
.StorySideCard p::before{content:'';display:block;width:60px;height:3px;background:linear-gradient(90deg,#FF5EB2,#0E75A4);margin-bottom:20px;border-radius:2px}
.StoryMainContent{display:flex;flex-direction:column;gap:32px}
.StoryMainContent h3{font-size:2rem;color:#FEFEEA;font-weight:600;margin-bottom:12px}
.StoryMainContent p{font-size:1.08rem;line-height:1.8;color:#c4c4c4;margin-bottom:20px}
.StoryHighlight{background:linear-gradient(90deg,#ff5eb226,transparent);border-left:3px solid #0E75A4;padding:28px 32px;border-radius:10px;margin-top:24px}
.StoryHighlight p{color:#FEFEEA;font-size:1.1rem;margin-bottom:0}
.ApproachMasonrySection{background:#121212;padding:85px 0;position:relative}
.ApproachMasonrySection::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#0E75A4,transparent)}
.ApproachWrapper{max-width:1200px;margin:0 auto;padding:0 24px}
.ApproachWrapper h2{font-size:2.6rem;color:#FEFEEA;text-align:center;margin-bottom:16px;font-weight:700}
.ApproachWrapper h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#FF5EB2,#0E75A4);margin:20px auto 0;border-radius:3px}
.ApproachSubtitle{text-align:center;font-size:1.12rem;color:#a8a8a8;max-width:700px;margin:0 auto 60px;line-height:1.7}
.ApproachCardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ApproachCard{background:linear-gradient(135deg,#232323,#1c1c1c);border-radius:12px;padding:40px 32px;box-shadow:0 10px 28px #00000059;border:1px solid #2a2a2a;transition:transform 320ms,box-shadow 320ms}
.ApproachCard:hover{transform:translateY(-6px);box-shadow:0 16px 36px #ff5eb233}
.ApproachCardIcon{width:56px;height:56px;background:linear-gradient(135deg,#FF5EB2,#0E75A4);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 6px 18px #ff5eb24d}
.ApproachCardIcon i{font-size:1.5rem;color:#FEFEEA}
.ApproachCard h3{font-size:1.4rem;color:#FEFEEA;margin-bottom:16px;font-weight:600}
.ApproachCard p{font-size:1.05rem;line-height:1.75;color:#b0b0b0;margin-bottom:0}
.ApproachCard:nth-child(2){margin-top:40px}
.ApproachCard:nth-child(3){margin-top:20px}
.TeamShowcaseSection{background:linear-gradient(180deg,#1a1a1a,#0f0f0f);padding:90px 0}
.TeamShowcaseContainer{max-width:1200px;margin:0 auto;padding:0 24px}
.TeamIntroLayout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:70px}
.TeamImageDisplay{position:relative}
.TeamImageDisplay img{width:100%;height:460px;object-fit:cover;border-radius:14px;box-shadow:0 14px 36px #0009}
.TeamImageDisplay::before{content:'';position:absolute;top:-16px;left:-16px;width:100%;height:100%;border:2px dashed #ff5eb266;border-radius:14px;z-index:-1}
.TeamTextContent h2{font-size:2.4rem;color:#FEFEEA;margin-bottom:24px;font-weight:700}
.TeamTextContent h2::before{content:'';display:inline-block;width:50px;height:4px;background:#FF5EB2;margin-right:16px;vertical-align:middle;border-radius:2px}
.TeamTextContent p{font-size:1.08rem;line-height:1.8;color:silver;margin-bottom:20px}
.TeamStatsBanner{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:50px}
.StatBox{background:linear-gradient(135deg,#252525,#1d1d1d);padding:36px 28px;border-radius:12px;text-align:center;border:1px solid #2f2f2f;box-shadow:0 8px 20px #0006;transition:border-color 300ms}
.StatBox:hover{border-color:#0E75A4}
.StatBox .StatNumber{font-size:2.8rem;font-weight:700;color:#FF5EB2;margin-bottom:8px;display:block}
.StatBox .StatLabel{font-size:1.05rem;color:#a8a8a8;display:block}
.ValuesDiagonalSection{background:#1a1a1a;padding:85px 0;position:relative;overflow:hidden}
.ValuesDiagonalSection::before{content:'';position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(135deg,#0e75a414,transparent 50%);transform:skewY(-2deg);transform-origin:top left}
.ValuesContentBox{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.ValuesContentBox h2{font-size:2.5rem;color:#FEFEEA;text-align:center;margin-bottom:60px;font-weight:700}
.ValuesSplitGrid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}
.ValuesListArea{display:flex;flex-direction:column;gap:28px}
.ValueItem{background:linear-gradient(135deg,#232323,#1a1a1a);padding:32px 36px;border-radius:12px;border-left:4px solid transparent;transition:border-color 340ms,transform 340ms;box-shadow:0 6px 18px #0000004d}
.ValueItem:hover{border-left-color:#FF5EB2;transform:translateX(8px)}
.ValueItem h3{font-size:1.5rem;color:#FEFEEA;margin-bottom:14px;font-weight:600}
.ValueItem p{font-size:1.06rem;line-height:1.75;color:#b4b4b4;margin-bottom:0}
.ValuesVisualBox{position:relative}
.ValuesVisualBox img{width:100%;height:500px;object-fit:cover;border-radius:14px;box-shadow:0 12px 32px #00000080}
.ValuesVisualBox::after{content:'';position:absolute;bottom:-20px;right:-20px;width:140px;height:140px;background:radial-gradient(circle,#ff5eb240,transparent 70%);border-radius:50%;z-index:-1}
@media (max-width: 1366px) {
.HeroTitleGrid,.TeamIntroLayout,.ValuesSplitGrid{gap:50px}
.StoryAsymmetricLayout{gap:60px}
}
@media (max-width: 768px) {
.AboutPageHero{padding:60px 0 50px}
.HeroTitleGrid{grid-template-columns:1fr;gap:40px}
.HeroTextBlock h1{font-size:2.2rem}
.HeroImageFrame img{height:320px}
.AboutStorySection{padding:60px 0}
.StoryAsymmetricLayout{grid-template-columns:1fr;gap:40px}
.ApproachMasonrySection{padding:60px 0}
.ApproachWrapper h2{font-size:2rem}
.ApproachCardsGrid{grid-template-columns:1fr;gap:24px}
.ApproachCard:nth-child(2),.ApproachCard:nth-child(3){margin-top:0}
.TeamShowcaseSection{padding:60px 0}
.TeamIntroLayout{grid-template-columns:1fr;gap:40px;margin-bottom:50px}
.TeamImageDisplay img{height:340px}
.TeamTextContent h2{font-size:1.9rem}
.TeamStatsBanner{grid-template-columns:1fr;gap:20px}
.ValuesDiagonalSection{padding:60px 0}
.ValuesContentBox h2{font-size:2rem;margin-bottom:40px}
.ValuesSplitGrid{grid-template-columns:1fr;gap:40px}
.ValuesVisualBox img{height:360px}
}
@media (max-width: 375px) {
.HeroTextBlock h1{font-size:1.9rem}
.HeroImageFrame img{height:280px}
.StorySideCard{padding:32px 24px}
.ApproachWrapper h2{font-size:1.75rem}
.TeamTextContent h2{font-size:1.7rem}
.TeamImageDisplay img,.ValuesVisualBox img{height:300px}
.ValueItem{padding:24px 28px}
}
.MaterialHub{background:linear-gradient(135deg,#0a0a0f 0%,#1a1a28 100%);padding:0;margin:0}
.MaterialHub .IntroFrame{max-width:1200px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center}
.MaterialHub .IntroFrame .ImageShell{position:relative;overflow:hidden;border-radius:12px}
.MaterialHub .IntroFrame .ImageShell::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ff5eb226 0%,transparent 70%);animation:GlowPulse 8s ease-in-out infinite;z-index:2;pointer-events:none}
@keyframes GlowPulse {
0%,100%{transform:translate(0,0);opacity:.6}
50%{transform:translate(20px,-20px);opacity:.9}
}
.MaterialHub .IntroFrame .ImageShell img{width:100%;height:420px;object-fit:cover;display:block;filter:contrast(1.1) saturate(0.85);border:2px solid #0e75a44d;border-radius:12px}
.MaterialHub .IntroFrame .TextColumn h1{font-size:52px;line-height:1.2;margin:0 0 24px;color:#FEFEEA;font-weight:700}
.MaterialHub .IntroFrame .TextColumn h1 .TopicMark{background:linear-gradient(120deg,#FF5EB2,#0E75A4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}
.MaterialHub .IntroFrame .TextColumn h1 .TopicMark::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#FF5EB2,#0E75A4);border-radius:2px}
.MaterialHub .IntroFrame .TextColumn .IntroText{font-size:18px;line-height:1.7;color:#fefeead9;margin:0 0 32px}
.MaterialHub .IntroFrame .TextColumn .IntroText strong{color:#FF5EB2;font-weight:600}
.MaterialHub .ResourceSection{background:#12121a;padding:90px 24px;position:relative}
.MaterialHub .ResourceSection::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#0E75A4,transparent)}
.MaterialHub .ResourceSection .ContentWrapper{max-width:1200px;margin:0 auto}
.MaterialHub .ResourceSection h2{font-size:42px;color:#FEFEEA;margin:0 0 16px;font-weight:700;text-align:center}
.MaterialHub .ResourceSection .SectionLead{font-size:19px;color:#fefeeabf;text-align:center;max-width:740px;margin:0 auto 60px;line-height:1.6}
.MaterialHub .ResourceSection .MaterialGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.MaterialHub .ResourceSection .ResourceCard{background:linear-gradient(145deg,#1a1a28 0%,#0f0f18 100%);border:1px solid #0e75a440;border-radius:14px;padding:36px 28px;transition:all 320ms ease;position:relative;overflow:hidden}
.MaterialHub .ResourceSection .ResourceCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#FF5EB2,#0E75A4);transform:scaleX(0);transform-origin:left;transition:transform 350ms ease}
.MaterialHub .ResourceSection .ResourceCard:hover{transform:translateY(-6px);border-color:#ff5eb280;box-shadow:0 12px 32px #ff5eb233}
.MaterialHub .ResourceSection .ResourceCard:hover::before{transform:scaleX(1)}
.MaterialHub .ResourceSection .ResourceCard .CardIcon{width:64px;height:64px;background:linear-gradient(135deg,#ff5eb226,#0e75a426);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;border:1px solid #ff5eb24d}
.MaterialHub .ResourceSection .ResourceCard .CardIcon i{font-size:28px;background:linear-gradient(135deg,#FF5EB2,#0E75A4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.MaterialHub .ResourceSection .ResourceCard h3{font-size:24px;color:#FEFEEA;margin:0 0 14px;font-weight:600}
.MaterialHub .ResourceSection .ResourceCard .CardDesc{font-size:16px;line-height:1.65;color:#fefeeab3;margin:0 0 20px}
.MaterialHub .ResourceSection .ResourceCard .DetailsList{list-style:none;padding:0;margin:0}
.MaterialHub .ResourceSection .ResourceCard .DetailsList li{font-size:15px;color:#fefeeaa6;padding:8px 0 8px 28px;position:relative;line-height:1.5}
.MaterialHub .ResourceSection .ResourceCard .DetailsList li::before{content:'';position:absolute;left:0;top:14px;width:16px;height:2px;background:linear-gradient(90deg,#FF5EB2,#0E75A4);border-radius:1px}
.MaterialHub .ResourceSection .ProgressTracker{margin-top:70px;background:linear-gradient(135deg,#1a1a28 0%,#0f0f18 100%);border:1px solid #0e75a44d;border-radius:16px;padding:48px 40px}
.MaterialHub .ResourceSection .ProgressTracker h4{font-size:28px;color:#FEFEEA;margin:0 0 36px;text-align:center;font-weight:600}
.MaterialHub .ResourceSection .StepFlow{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.MaterialHub .ResourceSection .StepFlow::before{content:'';position:absolute;top:32px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,#0E75A4 0%,#0E75A4 33%,#0e75a44d 33%,#0e75a44d 100%);z-index:1}
.MaterialHub .ResourceSection .StepItem{text-align:center;position:relative;z-index:2}
.MaterialHub .ResourceSection .StepItem .StepCircle{width:64px;height:64px;border-radius:50%;background:#12121a;border:3px solid #0E75A4;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:22px;font-weight:700;color:#0E75A4;transition:all 300ms ease}
.MaterialHub .ResourceSection .StepItem.ActiveStep .StepCircle{background:linear-gradient(135deg,#FF5EB2,#0E75A4);border-color:#FF5EB2;color:#FEFEEA;box-shadow:0 8px 24px #ff5eb266}
.MaterialHub .ResourceSection .StepItem.CompletedStep .StepCircle{background:#0E75A4;border-color:#0E75A4;color:#FEFEEA}
.MaterialHub .ResourceSection .StepItem .StepLabel{font-size:15px;color:#fefeeab3;font-weight:500;margin:0 0 6px}
.MaterialHub .ResourceSection .StepItem.ActiveStep .StepLabel{color:#FF5EB2}
.MaterialHub .ResourceSection .StepItem.CompletedStep .StepLabel{color:#0E75A4}
.MaterialHub .ResourceSection .StepItem .StepStatus{font-size:13px;color:#fefeea80;font-weight:400}
@media (max-width: 1366px) {
.MaterialHub .IntroFrame{gap:48px;padding:70px 24px}
.MaterialHub .IntroFrame .TextColumn h1{font-size:46px}
.MaterialHub .ResourceSection .MaterialGrid{gap:28px}
}
@media (max-width: 768px) {
.MaterialHub .IntroFrame{grid-template-columns:1fr;gap:40px;padding:60px 20px}
.MaterialHub .IntroFrame .ImageShell img{height:320px}
.MaterialHub .IntroFrame .TextColumn h1{font-size:38px}
.MaterialHub .IntroFrame .TextColumn .IntroText{font-size:17px}
.MaterialHub .ResourceSection{padding:70px 20px}
.MaterialHub .ResourceSection h2{font-size:36px}
.MaterialHub .ResourceSection .MaterialGrid{grid-template-columns:1fr;gap:24px}
.MaterialHub .ResourceSection .StepFlow{grid-template-columns:1fr;gap:32px}
.MaterialHub .ResourceSection .StepFlow::before{display:none}
.MaterialHub .ResourceSection .ProgressTracker{padding:36px 24px}
}
@media (max-width: 375px) {
.MaterialHub .IntroFrame{padding:50px 16px}
.MaterialHub .IntroFrame .TextColumn h1{font-size:32px}
.MaterialHub .IntroFrame .ImageShell img{height:280px}
.MaterialHub .ResourceSection{padding:60px 16px}
.MaterialHub .ResourceSection h2{font-size:30px}
.MaterialHub .ResourceSection .ResourceCard{padding:28px 20px}
}
.TitleWrap{position:relative;min-height:580px;background:linear-gradient(135deg,#1a1a2e 0%,#0a0a14 100%);overflow:hidden;display:flex;align-items:center;margin-bottom:80px}
.TitleWrap .bg-image-layer{position:absolute;top:-10%;right:-5%;width:55%;height:120%;transform:rotate(-8deg);overflow:hidden;border-radius:12px;box-shadow:-20px 20px 60px #ff5eb226}
.TitleWrap .bg-image-layer img{width:100%;height:100%;object-fit:cover;opacity:.4}
.TitleWrap .bg-accent-one{position:absolute;top:15%;left:5%;width:180px;height:180px;background:radial-gradient(circle,#ff5eb233 0%,transparent 70%);border-radius:50%;animation:float-slow 8s ease-in-out infinite}
.TitleWrap .bg-accent-two{position:absolute;bottom:10%;right:15%;width:220px;height:220px;background:radial-gradient(circle,#0e75a440 0%,transparent 70%);border-radius:50%;animation:float-slow 10s ease-in-out infinite reverse}
@keyframes float-slow {
0%,100%{transform:translateY(0) scale(1)}
50%{transform:translateY(-30px) scale(1.1)}
}
.TitleWrap .content-area{position:relative;z-index:2;max-width:1200px;width:90%;margin:0 auto;padding:60px 20px}
.TitleWrap .main-heading{font-size:3.2rem;font-weight:700;color:#FEFEEA;line-height:1.2;margin-bottom:20px;max-width:650px;text-shadow:2px 2px 8px #0009}
.TitleWrap .sub-heading{font-size:1.3rem;color:#fefeead9;line-height:1.6;margin-bottom:35px;max-width:580px}
.TitleWrap .cta-primary{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#FF5EB2 0%,#0E75A4 100%);color:#FEFEEA;text-decoration:none;border-radius:10px;font-weight:600;font-size:1.1rem;box-shadow:0 8px 20px #ff5eb259;transition:all .3s ease}
.TitleWrap .cta-primary:hover{transform:translateY(-3px);box-shadow:0 12px 28px #ff5eb273}
.ActivitySection{max-width:1200px;margin:0 auto 90px;padding:0 20px}
.ActivitySection .section-intro{text-align:center;margin-bottom:60px}
.ActivitySection .section-intro h2{font-size:2.6rem;color:#FEFEEA;margin-bottom:18px;position:relative;display:inline-block}
.ActivitySection .section-intro h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#FF5EB2,#0E75A4);border-radius:2px}
.ActivitySection .section-intro p{font-size:1.15rem;color:#fefeeabf;max-width:720px;margin:0 auto;line-height:1.7}
.ActivitySection .activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.ActivitySection .activity-card{background:linear-gradient(145deg,#1a1a2e 0%,#0f0f1a 100%);padding:35px 28px;border-radius:12px;border:1px solid #ff5eb226;box-shadow:0 6px 18px #0006;transition:all .35s ease}
.ActivitySection .activity-card:hover{transform:translateY(-6px);border-color:#ff5eb266;box-shadow:0 12px 30px #ff5eb233}
.ActivitySection .activity-card .icon-holder{width:60px;height:60px;background:linear-gradient(135deg,#ff5eb233,#0e75a433);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:22px;color:#FF5EB2;font-size:1.8rem}
.ActivitySection .activity-card h3{font-size:1.5rem;color:#FEFEEA;margin-bottom:14px}
.ActivitySection .activity-card p{font-size:1rem;color:#fefeeab3;line-height:1.6}
.ScheduleBlock{background:linear-gradient(135deg,#1a1a2e 0%,#0a0a14 100%);padding:80px 20px;margin-bottom:90px;position:relative;overflow:hidden}
.ScheduleBlock::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,#0e75a426 0%,transparent 70%);border-radius:50%}
.ScheduleBlock .schedule-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;position:relative;z-index:1}
.ScheduleBlock .text-content h2{font-size:2.4rem;color:#FEFEEA;margin-bottom:24px;line-height:1.3}
.ScheduleBlock .text-content p{font-size:1.1rem;color:#fefeeabf;line-height:1.7;margin-bottom:18px}
.ScheduleBlock .visual-area{position:relative}
.ScheduleBlock .visual-area img{width:100%;height:420px;object-fit:cover;border-radius:12px;box-shadow:0 10px 40px #ff5eb233}
.ScheduleBlock .stat-overlay{position:absolute;bottom:30px;right:30px;background:#0a0a14eb;padding:24px 30px;border-radius:10px;border:2px solid #ff5eb24d;backdrop-filter:blur(8px)}
.ScheduleBlock .stat-overlay .stat-number{font-size:2.8rem;font-weight:700;color:#FF5EB2;line-height:1;margin-bottom:8px}
.ScheduleBlock .stat-overlay .stat-label{font-size:.95rem;color:#fefeeacc;text-transform:uppercase;letter-spacing:.5px}
.OutcomesArea{max-width:1200px;margin:0 auto 90px;padding:0 20px}
.OutcomesArea .heading-box{text-align:center;margin-bottom:55px}
.OutcomesArea .heading-box h2{font-size:2.5rem;color:#FEFEEA;margin-bottom:16px}
.OutcomesArea .heading-box p{font-size:1.1rem;color:#fefeeab3;max-width:680px;margin:0 auto;line-height:1.6}
.OutcomesArea .outcomes-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}
.OutcomesArea .outcome-item{background:linear-gradient(135deg,#1a1a2e 0%,#0f0f1a 100%);padding:40px 32px;border-radius:12px;border-left:4px solid #FF5EB2;box-shadow:0 6px 20px #00000059;transition:all .3s ease;display:flex;gap:24px}
.OutcomesArea .outcome-item:nth-child(even){border-left-color:#0E75A4}
.OutcomesArea .outcome-item:hover{transform:translateX(8px);box-shadow:0 10px 30px #ff5eb233}
.OutcomesArea .outcome-item .icon-part{flex-shrink:0;width:50px;height:50px;background:linear-gradient(135deg,#ff5eb226,#0e75a426);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#FF5EB2;font-size:1.6rem}
.OutcomesArea .outcome-item .text-part h3{font-size:1.4rem;color:#FEFEEA;margin-bottom:12px}
.OutcomesArea .outcome-item .text-part p{font-size:1rem;color:#fefeeab3;line-height:1.6}
.SupportWrapper{background:linear-gradient(135deg,#0f0f1a 0%,#1a1a2e 100%);padding:80px 20px;position:relative;overflow:hidden}
.SupportWrapper::after{content:'';position:absolute;bottom:-30%;left:-5%;width:350px;height:350px;background:radial-gradient(circle,#ff5eb21f 0%,transparent 70%);border-radius:50%}
.SupportWrapper .support-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}
.SupportWrapper .image-section img{width:100%;height:460px;object-fit:cover;border-radius:12px;box-shadow:0 12px 40px #0e75a440}
.SupportWrapper .content-section h2{font-size:2.4rem;color:#FEFEEA;margin-bottom:22px;line-height:1.3}
.SupportWrapper .content-section p{font-size:1.1rem;color:#fefeeabf;line-height:1.7;margin-bottom:30px}
.SupportWrapper .feature-list{display:flex;flex-direction:column;gap:18px}
.SupportWrapper .feature-item{display:flex;align-items:flex-start;gap:16px;background:#ff5eb20d;padding:18px 20px;border-radius:8px;border:1px solid #ff5eb21a;transition:all .3s ease}
.SupportWrapper .feature-item:hover{background:#ff5eb214;border-color:#ff5eb233;transform:translateX(5px)}
.SupportWrapper .feature-item i{color:#0E75A4;font-size:1.4rem;margin-top:2px;flex-shrink:0}
.SupportWrapper .feature-item .text-box h4{font-size:1.2rem;color:#FEFEEA;margin-bottom:6px}
.SupportWrapper .feature-item .text-box p{font-size:.98rem;color:#fefeeab3;line-height:1.5;margin-bottom:0}
@media (max-width: 1366px) {
.TitleWrap .main-heading{font-size:2.8rem}
.ActivitySection .activity-grid{gap:25px}
}
@media (max-width: 768px) {
.TitleWrap{min-height:480px}
.TitleWrap .bg-image-layer{width:70%;top:5%;right:-10%;transform:rotate(-12deg)}
.TitleWrap .main-heading{font-size:2.2rem}
.TitleWrap .sub-heading{font-size:1.1rem}
.ActivitySection .section-intro h2{font-size:2rem}
.ActivitySection .activity-grid{grid-template-columns:1fr;gap:20px}
.ScheduleBlock .schedule-container{grid-template-columns:1fr;gap:40px}
.ScheduleBlock .text-content h2{font-size:2rem}
.ScheduleBlock .visual-area img{height:320px}
.ScheduleBlock .stat-overlay{bottom:20px;right:20px;padding:18px 22px}
.ScheduleBlock .stat-overlay .stat-number{font-size:2.2rem}
.OutcomesArea .heading-box h2{font-size:2rem}
.OutcomesArea .outcomes-layout{grid-template-columns:1fr;gap:25px}
.OutcomesArea .outcome-item{padding:30px 24px}
.SupportWrapper .support-inner{grid-template-columns:1fr;gap:40px}
.SupportWrapper .content-section h2{font-size:2rem}
.SupportWrapper .image-section img{height:340px}
}
@media (max-width: 375px) {
.TitleWrap .main-heading{font-size:1.9rem}
.TitleWrap .sub-heading{font-size:1rem}
.TitleWrap .cta-primary{padding:14px 32px;font-size:1rem}
.ActivitySection .section-intro h2{font-size:1.8rem}
.ActivitySection .section-intro p{font-size:1rem}
.ActivitySection .activity-card{padding:28px 22px}
.ScheduleBlock{padding:60px 20px}
.OutcomesArea .heading-box h2{font-size:1.8rem}
.SupportWrapper{padding:60px 20px}
}
.ContactPageWrapper{background:linear-gradient(135deg,#0a0d14 0%,#1a1f2e 100%);min-height:calc(100vh - 80px);position:relative;overflow:hidden}
.ContactPageWrapper::before{content:'';position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ff5eb226 0%,transparent 70%);border-radius:50%;filter:blur(80px);pointer-events:none}
.ContactPageWrapper::after{content:'';position:absolute;bottom:-15%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,#0e75a41f 0%,transparent 70%);border-radius:50%;filter:blur(70px);pointer-events:none}
.HeroContactSection{position:relative;padding:80px 20px;max-width:1200px;margin:0 auto}
.HeroImageWrap{position:relative;width:100%;max-width:900px;margin:0 auto 50px;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #ff5eb233 0 4px 16px #0e75a426}
.HeroImageWrap img{width:100%;height:400px;object-fit:cover;display:block;filter:blur(1px) brightness(0.7)}
.HeroImageWrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ff5eb240 0%,#0e75a440 100%);z-index:1;pointer-events:none}
.HeroTextOverlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;width:90%;max-width:700px;background:#0a0d14bf;backdrop-filter:blur(12px);padding:40px 30px;border-radius:12px;border:1px solid #ff5eb233}
.HeroTextOverlay h1{font-size:2.8rem;font-weight:700;color:#FEFEEA;margin:0 0 20px;line-height:1.2;text-shadow:0 2px 8px #0006}
.HeroTextOverlay p{font-size:1.15rem;color:#FEFEEA;margin:0;line-height:1.6;opacity:.92}
.FormContentGrid{max-width:1200px;margin:0 auto;padding:0 20px 80px;display:grid;grid-template-columns:1fr 1.3fr;gap:60px;position:relative;z-index:1}
.InfoColumn{background:linear-gradient(145deg,#151924 0%,#1f2535 100%);padding:50px 40px;border-radius:14px;border:1px solid #ff5eb226;box-shadow:0 8px 24px #0000004d;height:fit-content}
.InfoColumn h2{font-size:2rem;color:#FEFEEA;margin:0 0 12px;font-weight:600}
.InfoColumn h2::before{content:'';display:block;width:50px;height:4px;background:linear-gradient(90deg,#FF5EB2 0%,#0E75A4 100%);margin-bottom:16px;border-radius:8px}
.InfoColumnSubtext{font-size:1.05rem;color:#FEFEEA;opacity:.8;line-height:1.7;margin:0 0 40px}
.ContactDetailItem{display:flex;align-items:flex-start;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #ff5eb21a}
.ContactDetailItem:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.ContactDetailItem i{font-size:1.4rem;color:#FF5EB2;margin-right:18px;margin-top:3px;min-width:24px}
.ContactDetailContent h3{font-size:.95rem;color:#0E75A4;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px;font-weight:600}
.ContactDetailContent p{font-size:1.05rem;color:#FEFEEA;margin:0;line-height:1.6}
.ContactDetailContent a{color:#FEFEEA;text-decoration:none;transition:all 280ms ease}
.ContactDetailContent a:hover{color:#FF5EB2}
.FormColumn{background:linear-gradient(145deg,#1a1f2e 0%,#0f1219 100%);padding:50px 45px;border-radius:14px;border:1px solid #0e75a433;box-shadow:0 12px 32px #0006}
.FormColumn h2{font-size:1.9rem;color:#FEFEEA;margin:0 0 30px;font-weight:600;position:relative;padding-bottom:16px}
.FormColumn h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:3px;background:linear-gradient(90deg,#0E75A4 0%,#FF5EB2 100%);border-radius:8px}
.FormRequestType{margin-bottom:32px}
.FormRequestType label{display:block;font-size:.92rem;color:#0E75A4;margin-bottom:12px;text-transform:uppercase;letter-spacing:.6px;font-weight:600}
.RequestTypeOptions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.RequestTypeOptions input[type="radio"]{display:none}
.RequestTypeOptions input[type="radio"] + label{display:block;padding:14px 20px;background:#0a0d14;border:2px solid #ff5eb233;border-radius:10px;color:#FEFEEA;font-size:.95rem;cursor:pointer;transition:all 300ms ease;text-align:center;font-weight:500;text-transform:none;letter-spacing:0}
.RequestTypeOptions input[type="radio"]:checked + label{background:linear-gradient(135deg,#FF5EB2 0%,#0E75A4 100%);border-color:#FF5EB2;box-shadow:0 4px 16px #ff5eb259;color:#FEFEEA}
.RequestTypeOptions input[type="radio"] + label:hover{border-color:#FF5EB2;background:#ff5eb214}
.FormInputGroup{margin-bottom:28px}
.FormInputGroup label{display:block;font-size:.92rem;color:#0E75A4;margin-bottom:10px;text-transform:uppercase;letter-spacing:.6px;font-weight:600}
.FormInputGroup input[type="text"],.FormInputGroup input[type="tel"]{width:100%;padding:16px 20px;background:#0a0d14;border:2px solid #0e75a440;border-radius:10px;color:#FEFEEA;font-size:1rem;transition:all 300ms ease;box-sizing:border-box}
.FormInputGroup input[type="text"]:focus,.FormInputGroup input[type="tel"]:focus{outline:none;border-color:#FF5EB2;background:#ff5eb20d;box-shadow:0 0 0 4px #ff5eb21a}
.FormInputGroup input::placeholder{color:#fefeea66}
.PrivacyCheckboxWrap{margin:32px 0;display:flex;align-items:flex-start}
.PrivacyCheckboxWrap input[type="checkbox"]{margin-right:12px;width:20px;height:20px;cursor:pointer;flex-shrink:0;margin-top:2px;accent-color:#FF5EB2}
.PrivacyCheckboxWrap label{font-size:.95rem;color:#FEFEEA;opacity:.85;line-height:1.6;cursor:pointer}
.PrivacyCheckboxWrap a{color:#0E75A4;text-decoration:none;transition:color 280ms ease}
.PrivacyCheckboxWrap a:hover{color:#FF5EB2}
.SubmitButtonWrap{text-align:left}
.SubmitButtonWrap button{padding:18px 50px;background:linear-gradient(135deg,#FF5EB2 0%,#0E75A4 100%);border:none;border-radius:10px;color:#FEFEEA;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 320ms ease;box-shadow:0 6px 20px #ff5eb24d;position:relative;z-index:2}
.SubmitButtonWrap button:hover{transform:translateY(-2px);box-shadow:0 10px 28px #ff5eb273}
.SubmitButtonWrap button:active{transform:translateY(0)}
.QuickLinksBar{max-width:1200px;margin:0 auto;padding:50px 20px 80px;text-align:center;position:relative;z-index:1}
.QuickLinksBar h3{font-size:1.4rem;color:#FEFEEA;margin:0 0 28px;font-weight:600}
.QuickLinkButtons{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.QuickLinkButtons a{padding:14px 32px;background:#0e75a426;border:2px solid #0e75a44d;border-radius:10px;color:#FEFEEA;text-decoration:none;font-size:1rem;font-weight:500;transition:all 300ms ease;display:inline-flex;align-items:center;gap:8px}
.QuickLinkButtons a i{font-size:.95rem;color:#0E75A4;transition:color 300ms ease}
.QuickLinkButtons a:hover{background:#ff5eb226;border-color:#FF5EB2;transform:translateY(-2px);box-shadow:0 6px 20px #ff5eb240}
.QuickLinkButtons a:hover i{color:#FF5EB2}
@media (max-width: 1366px) {
.FormContentGrid{gap:50px}
.HeroTextOverlay h1{font-size:2.4rem}
}
@media (max-width: 768px) {
.HeroContactSection{padding:60px 20px}
.HeroImageWrap{margin-bottom:40px}
.HeroImageWrap img{height:300px}
.HeroTextOverlay{padding:30px 20px}
.HeroTextOverlay h1{font-size:2rem}
.HeroTextOverlay p{font-size:1rem}
.FormContentGrid{grid-template-columns:1fr;gap:40px;padding-bottom:60px}
.InfoColumn,.FormColumn{padding:40px 30px}
.RequestTypeOptions{grid-template-columns:1fr}
.QuickLinkButtons{flex-direction:column;align-items:stretch}
.QuickLinkButtons a{justify-content:center}
}
@media (max-width: 375px) {
.HeroTextOverlay{padding:25px 15px}
.HeroTextOverlay h1{font-size:1.7rem}
.InfoColumn,.FormColumn{padding:30px 20px}
.FormColumn h2,.InfoColumn h2{font-size:1.6rem}
.SubmitButtonWrap button{width:100%;padding:16px 30px}
}
.ConfirmBanner{background:linear-gradient(135deg,#0E75A4 0%,#1a1a2e 100%);padding:120px 24px 80px;position:relative;overflow:hidden}
.ConfirmBanner::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ff5eb226 0%,transparent 70%);border-radius:50%}
.ConfirmBanner::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#0e75a433 0%,transparent 70%);border-radius:50%}
.ConfirmBanner .WrapContent{max-width:1200px;margin:0 auto;position:relative;z-index:2;text-align:center}
.IconCheck{width:96px;height:96px;margin:0 auto 32px;position:relative}
.IconCheck svg{width:100%;height:100%;filter:drop-shadow(0 8px 24px #ff5eb266)}
.IconCheck circle{fill:none;stroke:#FF5EB2;stroke-width:3;stroke-linecap:round;animation:DrawCircle 1s ease-out forwards;stroke-dasharray:283;stroke-dashoffset:283}
.IconCheck polyline{fill:none;stroke:#FEFEEA;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;animation:DrawCheck .8s .6s ease-out forwards;stroke-dasharray:70;stroke-dashoffset:70}
@keyframes DrawCircle {
to{stroke-dashoffset:0}
}
@keyframes DrawCheck {
to{stroke-dashoffset:0}
}
.ConfirmBanner .MainHeading{font-size:52px;font-weight:700;color:#FEFEEA;margin:0 0 24px;line-height:1.2}
.ConfirmBanner .SubText{font-size:20px;color:#fefeead9;max-width:640px;margin:0 auto 48px;line-height:1.6}
.InfoRow{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}
.InfoCard{background:#ffffff14;backdrop-filter:blur(12px);border:1px solid #ff5eb233;border-radius:12px;padding:20px 32px;transition:all 320ms ease}
.InfoCard:hover{background:#ffffff1f;border-color:#ff5eb266;transform:translateY(-4px);box-shadow:0 12px 32px #ff5eb240}
.InfoCard .Label{font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:#FF5EB2;margin:0 0 8px;font-weight:600}
.InfoCard .Value{font-size:18px;color:#FEFEEA;font-weight:500;margin:0}
.ButtonGroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.PrimaryBtn{background:linear-gradient(135deg,#FF5EB2 0%,#0E75A4 100%);color:#FEFEEA;padding:16px 40px;border-radius:10px;text-decoration:none;font-size:17px;font-weight:600;transition:all 300ms ease;border:none;box-shadow:0 8px 20px #ff5eb259;position:relative;overflow:hidden}
.PrimaryBtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fefeea33,transparent);transition:left 500ms ease}
.PrimaryBtn:hover::before{left:100%}
.PrimaryBtn:hover{transform:translateY(-3px);box-shadow:0 14px 32px #ff5eb280}
.SecondaryBtn{background:#fefeea1a;color:#FEFEEA;padding:16px 40px;border-radius:10px;text-decoration:none;font-size:17px;font-weight:600;transition:all 300ms ease;border:2px solid #fefeea4d}
.SecondaryBtn:hover{background:#fefeea26;border-color:#fefeea80;transform:translateY(-3px)}
.NextSteps{background:#16161f;padding:80px 24px;position:relative}
.NextSteps .WrapContent{max-width:1200px;margin:0 auto}
.StepGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:56px}
.StepItem{background:linear-gradient(145deg,#0e75a414 0%,#ff5eb214 100%);border:1px solid #ff5eb226;border-radius:14px;padding:32px 28px;position:relative;transition:all 350ms ease}
.StepItem::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#FF5EB2 0%,#0E75A4 100%);border-radius:4px;transition:height 350ms ease}
.StepItem:hover::before{height:100%}
.StepItem:hover{background:linear-gradient(145deg,#0e75a41f 0%,#ff5eb21f 100%);border-color:#ff5eb24d;transform:translateX(8px);box-shadow:-8px 8px 24px #ff5eb226}
.StepNumber{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#FF5EB2 0%,#0E75A4 100%);border-radius:50%;font-size:20px;font-weight:700;color:#FEFEEA;margin-bottom:20px;box-shadow:0 6px 16px #ff5eb24d}
.StepItem h3{font-size:22px;color:#FEFEEA;margin:0 0 14px;font-weight:600}
.StepItem p{font-size:16px;color:#fefeeabf;line-height:1.6;margin:0}
.NextSteps .SectionHeader{text-align:center;margin-bottom:16px}
.NextSteps h2{font-size:42px;color:#FEFEEA;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.NextSteps h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#FF5EB2 0%,#0E75A4 100%);border-radius:2px}
.NextSteps .IntroText{font-size:18px;color:#fefeeab3;max-width:700px;margin:32px auto 0;text-align:center;line-height:1.7}
@media (max-width: 768px) {
.ConfirmBanner{padding:80px 20px 60px}
.ConfirmBanner .MainHeading{font-size:36px}
.ConfirmBanner .SubText{font-size:17px}
.IconCheck{width:72px;height:72px}
.InfoRow{flex-direction:column;align-items:stretch}
.InfoCard{width:100%}
.ButtonGroup{flex-direction:column}
.PrimaryBtn,.SecondaryBtn{width:100%;text-align:center}
.NextSteps{padding:60px 20px}
.NextSteps h2{font-size:32px}
.StepGrid{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 375px) {
.ConfirmBanner .MainHeading{font-size:30px}
.NextSteps h2{font-size:28px}
}