html{scroll-behavior:smooth}
body{margin:0;padding:0;font-family:'Ubuntu',sans-serif;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);color:#e8e8e8;line-height:1.6;box-sizing:border-box}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
button{cursor:pointer;border:none;font-family:inherit}
.header-container,.footer-container{max-width:1600px;margin:0 auto;padding:0 24px}
.HeaderUpperWrap{background:linear-gradient(78deg,#AB263B 0%,#C76B05 50%,#006B73 100%);padding:28px 0;box-shadow:0 4px 12px #00000080}
.HeaderUpperWrap .header-container{display:flex;justify-content:space-between;align-items:center;gap:32px}
.logo-section{flex-shrink:0}
.SiteLogo{height:110px;width:110px;object-fit:contain;background:#ffffff26;padding:12px;border-radius:24px;box-shadow:0 6px 18px #00000059}
.brand-statement{flex:1;text-align:right}
.CompanyTagline{font-size:26px;font-weight:500;color:#fff;text-shadow:2px 2px 8px #00000080}
.NavWrap{background:#1f1f1f;border-bottom:3px solid #AB263B;position:relative}
.MainNavBar{display:flex;justify-content:center;align-items:center;gap:18px;padding:18px 0;flex-wrap:wrap}
.MainNavBar .nav-link{color:#e8e8e8;font-size:17px;font-weight:400;padding:11px 22px;border-radius:28px;transition:background-color .3s ease,color .3s ease;white-space:nowrap}
.MainNavBar .nav-link:hover{color:#fff;background:#ab263b40}
main{min-height:400px}
.FooterLayout{background:linear-gradient(165deg,#1a0a0f 0%,#0f1a1a 100%);padding:68px 0 42px;border-top:4px solid #C76B05;position:relative}
.FooterLayout .footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:48px;align-items:start}
.FooterElement{display:flex;flex-direction:column;gap:16px}
.BrandBlock{justify-self:start}
.FooterBrandmark{height:92px;width:92px;object-fit:contain;margin-bottom:14px;background:#ffffff14;padding:10px;border-radius:20px}
.CopyrightNotice{font-size:15px;color:#b0b0b0;margin:0}
.LinkCluster{justify-self:center;gap:14px}
.LinkCluster .policy-link{color:#d0d0d0;font-size:16px;transition:color .3s ease;display:block}
.LinkCluster .policy-link:hover{color:#C76B05}
.ContactBlock{justify-self:end;gap:18px}
.ContactBlock .contact-item{display:flex;flex-direction:column;gap:6px}
.ContactLabel{font-size:14px;color:#888;font-weight:300}
.ContactData{font-size:16px;color:#e8e8e8;font-weight:400}
.ConsentInterface{position:fixed;bottom:32px;right:32px;background:linear-gradient(135deg,#2a1a1f 0%,#1a2a2a 100%);border-radius:32px;padding:32px;max-width:480px;box-shadow:0 12px 36px #000000b3;z-index:9999;border:2px solid #ab263b66;opacity:0;transform:translateY(40px) scale(0.9);transition:opacity .5s ease,transform .5s ease}
.ConsentInterface[data-visible="true"]{opacity:1;transform:translateY(0) scale(1)}
.DialogInner{display:flex;flex-direction:column;gap:22px}
.DialogHeading{font-size:22px;font-weight:700;color:#fff;margin:0}
.DialogDescription{font-size:15px;color:silver;line-height:1.7;margin:0}
.PermissionGroups{display:flex;flex-direction:column;gap:18px;margin-top:8px}
.PermissionItem{display:flex;flex-direction:column;gap:8px}
.PermissionLabel{display:flex;align-items:center;gap:12px;cursor:pointer}
.permission-check{width:20px;height:20px;cursor:pointer;accent-color:#AB263B}
.permission-check:disabled{cursor:not-allowed;opacity:.6}
.CategoryName{font-size:16px;font-weight:500;color:#e8e8e8}
.CategoryExplanation{font-size:14px;color:#a0a0a0;margin:0;padding-left:32px;line-height:1.5}
.DialogActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.ConsentBtn{flex:1;min-width:130px;padding:14px 20px;border-radius:26px;font-size:15px;font-weight:500;transition:all .3s ease}
.AcceptBtn{background:linear-gradient(90deg,#AB263B 0%,#C76B05 100%);color:#fff}
.AcceptBtn:hover{background:linear-gradient(90deg,#8a1e2f 0%,#a05604 100%)}
.DeclineBtn{background:#2a2a2a;color:#e8e8e8;border:1px solid #444}
.DeclineBtn:hover{background:#353535}
.CustomBtn{background:#006B73;color:#fff}
.CustomBtn:hover{background:#005559}
@media (max-width: 1024px) {
.HeaderUpperWrap .header-container{flex-direction:column;text-align:center}
.brand-statement{text-align:center}
.CompanyTagline{font-size:22px}
.FooterLayout .footer-container{grid-template-columns:1fr;text-align:center}
.BrandBlock,.LinkCluster,.ContactBlock{justify-self:center}
.ConsentInterface{right:16px;left:16px;bottom:16px;max-width:none}
}
@media (max-width: 768px) {
.SiteLogo{height:85px;width:85px}
.CompanyTagline{font-size:19px}
.MainNavBar{gap:12px}
.MainNavBar .nav-link{font-size:15px;padding:9px 16px}
.FooterLayout{padding:48px 0 32px}
.DialogHeading{font-size:19px}
.DialogDescription{font-size:14px}
.ConsentBtn{min-width:100px;padding:12px 16px;font-size:14px}
}
@media (max-width: 480px) {
.SiteLogo{height:70px;width:70px}
.CompanyTagline{font-size:17px}
.MainNavBar{flex-direction:column;gap:8px}
.MainNavBar .nav-link{width:100%;text-align:center}
.ConsentInterface{padding:24px}
.DialogActions{flex-direction:column}
.ConsentBtn{width:100%}
}
.prelaunchWrap{max-width:1600px;margin:0 auto;padding:0}
.heroIntro{background:linear-gradient(135deg,#1a1a1a 0%,#2d1a22 100%);padding:80px 5%;position:relative;overflow:hidden}
.heroIntro::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ab263b26 0%,transparent 70%);border-radius:50%}
.heroIntro .mainText{max-width:800px;position:relative;z-index:2}
.heroIntro h1{font-size:3rem;color:#f5f5f5;margin-bottom:24px;line-height:1.2}
.heroIntro .description{font-size:1.25rem;color:#d1d1d1;line-height:1.7;margin-bottom:32px}
.heroIntro .visualTag{display:inline-block;padding:8px 20px;background:#006b7333;border-left:4px solid #006B73;color:#4dd4dd;font-size:.95rem;border-radius:0 8px 8px 0}
.preparationGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:100px 5%;background:#0f0f0f;max-width:1600px;margin:0 auto}
.prepItem{background:linear-gradient(145deg,#1c1c1c 0%,#252525 100%);padding:40px 32px;border-radius:28px;position:relative;transition:transform .3s ease;border:1px solid #ab263b26}
.prepItem:hover{transform:translateY(-8px)}
.prepItem::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#AB263B 0%,#C76B05 50%,#006B73 100%);border-radius:28px 28px 0 0}
.prepItem h3{font-size:1.5rem;color:#f5f5f5;margin-bottom:16px;margin-top:12px}
.prepItem p{color:#b8b8b8;line-height:1.6;font-size:1rem}
.prepItem .iconNum{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#c76b0533;color:#C76B05;font-weight:700;font-size:1.3rem;border-radius:12px}
.techRequireSection{background:#141414;padding:90px 5%}
.techRequireSection .sectionContainer{max-width:1400px;margin:0 auto;display:flex;gap:60px;align-items:center}
.techRequireSection .textColumn{flex:1}
.techRequireSection h2{font-size:2.5rem;color:#f5f5f5;margin-bottom:24px;position:relative;padding-left:20px}
.techRequireSection h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:60%;background:linear-gradient(180deg,#AB263B 0%,#C76B05 100%);border-radius:3px}
.techRequireSection .intro{color:#c5c5c5;font-size:1.1rem;line-height:1.7;margin-bottom:32px}
.techRequireSection .requirementsList{list-style:none;padding:0}
.techRequireSection .requirementsList li{padding:16px 0;border-bottom:1px solid #ab263b33;color:#d1d1d1;font-size:1.05rem;display:flex;align-items:center;gap:16px}
.techRequireSection .requirementsList li::before{content:'';color:#006B73;font-weight:700;font-size:1.4rem;flex-shrink:0}
.techRequireSection .imageColumn{flex:0 0 400px}
.techRequireSection .imageColumn img{width:100%;height:500px;object-fit:cover;border-radius:32px;box-shadow:0 12px 40px #0009}
.mentalityBlock{background:linear-gradient(78deg,#AB263B 0%,#C76B05 50%,#006B73 100%);padding:2px;margin:0 5%;border-radius:40px;position:relative}
.mentalityBlock .innerContent{background:#0f0f0f;padding:70px 60px;border-radius:38px;text-align:center}
.mentalityBlock h2{font-size:2.3rem;color:#f5f5f5;margin-bottom:28px}
.mentalityBlock .mainPoint{font-size:1.2rem;color:#d1d1d1;line-height:1.8;max-width:900px;margin:0 auto 40px}
.mentalityBlock .attributes{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}
.mentalityBlock .attribute{display:flex;flex-direction:column;align-items:center;gap:12px}
.mentalityBlock .attribute svg{width:64px;height:64px}
.mentalityBlock .attribute span{color:#c5c5c5;font-size:1.05rem;font-weight:500}
.testimonialsArea{padding:100px 5%;background:#1a1a1a}
.testimonialsArea h2{font-size:2.5rem;color:#f5f5f5;text-align:center;margin-bottom:60px}
.testimonialsArea h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#AB263B 0%,#006B73 100%);margin:20px auto 0;border-radius:2px}
.testGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;max-width:1400px;margin:0 auto}
.testCard{background:linear-gradient(135deg,#222 0%,#1c1c1c 100%);padding:40px;border-radius:32px;border:1px solid #c76b0533;display:flex;gap:28px}
.testCard .photoWrap{flex-shrink:0}
.testCard .photoWrap img{width:100px;height:100px;object-fit:cover;border-radius:20px;border:3px solid #ab263b66}
.testCard .textContent h4{font-size:1.3rem;color:#f5f5f5;margin-bottom:8px}
.testCard .textContent .role{color:#C76B05;font-size:.95rem;margin-bottom:16px;display:block}
.testCard .textContent p{color:#b8b8b8;line-height:1.7;font-size:1rem}
.timelinePrep{padding:90px 5%;background:#0f0f0f}
.timelinePrep h2{font-size:2.5rem;color:#f5f5f5;margin-bottom:20px;text-align:center}
.timelinePrep .subheading{text-align:center;color:#c5c5c5;font-size:1.15rem;margin-bottom:60px;max-width:700px;margin-left:auto;margin-right:auto}
.timelineContainer{max-width:1000px;margin:0 auto;position:relative}
.timelineContainer::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#AB263B 0%,#C76B05 50%,#006B73 100%);transform:translateX(-50%)}
.timelineStep{display:flex;gap:40px;margin-bottom:60px;position:relative}
.timelineStep:nth-child(odd){flex-direction:row}
.timelineStep:nth-child(even){flex-direction:row-reverse}
.timelineStep .stepContent{flex:1;background:#1c1c1c;padding:32px;border-radius:24px;border:1px solid #006b734d;position:relative}
.timelineStep:nth-child(odd) .stepContent{text-align:right}
.timelineStep:nth-child(even) .stepContent{text-align:left}
.timelineStep .stepContent h5{font-size:1.4rem;color:#f5f5f5;margin-bottom:12px}
.timelineStep .stepContent p{color:#b8b8b8;line-height:1.6;font-size:1rem}
.timelineStep .marker{flex:0 0 24px;width:24px;height:24px;background:#AB263B;border-radius:50%;border:4px solid #0f0f0f;position:relative;z-index:2;align-self:flex-start;margin-top:20px}
.ctaFinal{background:linear-gradient(135deg,#1c1618 0%,#1a1c1b 100%);padding:90px 5%;text-align:center}
.ctaFinal h2{font-size:2.8rem;color:#f5f5f5;margin-bottom:24px}
.ctaFinal .message{color:#c5c5c5;font-size:1.2rem;line-height:1.7;max-width:800px;margin:0 auto 40px}
.ctaFinal .actionBtn{display:inline-block;padding:18px 48px;background:linear-gradient(90deg,#AB263B 0%,#C76B05 100%);color:#fff;font-size:1.1rem;font-weight:600;border-radius:32px;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 24px #ab263b66;position:relative;z-index:10}
.ctaFinal .actionBtn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #ab263b99}
@media (max-width: 1024px) {
.preparationGrid{grid-template-columns:repeat(2,1fr);gap:32px;padding:70px 5%}
.techRequireSection .sectionContainer{flex-direction:column;gap:40px}
.techRequireSection .imageColumn{flex:0 0 auto;width:100%}
.techRequireSection .imageColumn img{height:400px}
.testGrid{grid-template-columns:1fr;gap:32px}
.timelineContainer::before{left:24px}
.timelineStep{flex-direction:row!important;padding-left:60px}
.timelineStep .stepContent{text-align:left!important}
.timelineStep .marker{position:absolute;left:12px}
}
@media (max-width: 768px) {
.heroIntro{padding:60px 5%}
.heroIntro h1{font-size:2.2rem}
.heroIntro .description{font-size:1.1rem}
.preparationGrid{grid-template-columns:1fr;padding:60px 5%}
.techRequireSection h2{font-size:2rem}
.techRequireSection .imageColumn img{height:320px}
.mentalityBlock .innerContent{padding:50px 30px}
.mentalityBlock h2{font-size:1.9rem}
.mentalityBlock .attributes{gap:32px}
.testimonialsArea h2{font-size:2rem}
.testCard{flex-direction:column;padding:32px}
.testCard .photoWrap img{width:80px;height:80px}
.ctaFinal h2{font-size:2.2rem}
.ctaFinal .message{font-size:1.1rem}
}
.HeroMain{position:relative;min-height:620px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:url(./visual_library/new_0006.jpg) (cover) center}
.HeroMain::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#ab263be0 0%,#006b73d9 100%);z-index:1}
.HeroMain::after{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#c76b0540 0%,transparent 70%);filter:blur(80px);z-index:2;animation:floatGlow 8s ease-in-out infinite}
@keyframes floatGlow {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,40px) scale(1.1)}
}
.hero-content-wrapper{position:relative;z-index:3;max-width:1600px;width:90%;margin:0 auto;padding:80px 20px;text-align:center}
.hero-content-wrapper .MainHeadline{font-size:3.2rem;font-weight:700;color:#fff;margin:0 0 32px;line-height:1.2;text-shadow:0 4px 12px #0000004d}
.hero-benefit-list{list-style:none;padding:0;margin:0 0 40px;display:flex;flex-direction:column;gap:16px;align-items:center}
.hero-benefit-list li{font-size:1.25rem;color:#fff;display:flex;align-items:center;gap:12px;text-shadow:0 2px 8px #0003}
.hero-benefit-list li::before{content:'';display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff3;border-radius:50%;font-weight:700;flex-shrink:0}
.PrimaryCTA{display:inline-block;padding:18px 48px;background:linear-gradient(135deg,#C76B05 0%,#AB263B 100%);color:#fff;font-size:1.15rem;font-weight:600;text-decoration:none;border-radius:30px;box-shadow:0 8px 24px #ab263b59;transition:all .3s ease;z-index:10;position:relative}
.PrimaryCTA:hover{transform:translateY(-3px);box-shadow:0 12px 32px #ab263b80;background:linear-gradient(135deg,#d67a0a 0%,#c22e48 100%)}
.PathwaySection{background:#0d1117;padding:90px 20px}
.pathway-inner{max-width:1400px;margin:0 auto}
.PathwaySection .section-header{text-align:center;margin-bottom:60px}
.PathwaySection h2{font-size:2.6rem;color:#fff;margin:0 0 20px;font-weight:700}
.PathwaySection .subtitle-text{font-size:1.15rem;color:#8b949e;max-width:700px;margin:0 auto;line-height:1.6}
.pathway-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.pathway-stage{background:linear-gradient(145deg,#161b22 0%,#0d1117 100%);border:1px solid #30363d;border-radius:24px;padding:36px 28px;transition:all .4s ease;position:relative;overflow:hidden}
.pathway-stage::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#AB263B 0%,#C76B05 100%);transition:height .4s ease}
.pathway-stage:hover::before{height:100%}
.pathway-stage:hover{transform:translateY(-6px);border-color:#AB263B;box-shadow:0 12px 28px #ab263b33}
.pathway-stage h3{font-size:1.5rem;color:#fff;margin:0 0 16px;font-weight:600}
.pathway-stage p{font-size:1rem;color:#8b949e;line-height:1.6;margin:0}
.MotivationArea{background:linear-gradient(135deg,#161b22 0%,#0d1117 50%,#1a1f26 100%);padding:100px 20px;position:relative}
.MotivationArea::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#AB263B 50%,transparent 100%)}
.motivation-wrapper{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.motivation-visual{position:relative}
.motivation-visual img{width:100%;height:auto;border-radius:32px;box-shadow:0 16px 48px #0006;object-fit:cover}
.motivation-text h2{font-size:2.4rem;color:#fff;margin:0 0 24px;font-weight:700;position:relative;display:inline-block}
.motivation-text h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:3px;background:linear-gradient(90deg,#C76B05 0%,#006B73 100%);border-radius:2px}
.motivation-text p{font-size:1.1rem;color:#c9d1d9;line-height:1.7;margin:0 0 20px}
.motivation-points{list-style:none;padding:0;margin:32px 0 0;display:flex;flex-direction:column;gap:16px}
.motivation-points li{font-size:1.05rem;color:#8b949e;padding-left:40px;position:relative;line-height:1.6}
.motivation-points li::before{content:'';position:absolute;left:0;top:4px;width:24px;height:24px;background:linear-gradient(135deg,#AB263B 0%,#C76B05 100%);border-radius:6px;box-shadow:0 4px 12px #ab263b4d}
.SecurityBlock{background:#0d1117;padding:90px 20px}
.security-container{max-width:1200px;margin:0 auto;text-align:center}
.SecurityBlock h2{font-size:2.5rem;color:#fff;margin:0 0 48px;font-weight:700}
.security-features{display:flex;flex-direction:row;gap:32px;justify-content:center;flex-wrap:wrap}
.feature-card{background:linear-gradient(155deg,#161b22 0%,#1a1f26 100%);border:1px solid #30363d;border-radius:28px;padding:40px 32px;flex:1;min-width:280px;max-width:350px;transition:all .3s ease;position:relative}
.feature-card::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:linear-gradient(90deg,#AB263B 0%,#006B73 100%);transition:width .3s ease}
.feature-card:hover::after{width:80%}
.feature-card:hover{border-color:#C76B05;box-shadow:0 8px 24px #c76b0533}
.feature-card h4{font-size:1.4rem;color:#fff;margin:0 0 16px;font-weight:600}
.feature-card p{font-size:1rem;color:#8b949e;line-height:1.6;margin:0}
.AudienceSegment{background:linear-gradient(78deg,#AB263B 0%,#C76B05 50%,#006B73 100%);padding:100px 20px;position:relative;overflow:hidden}
.AudienceSegment::before{content:'';position:absolute;top:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);border-radius:50%}
.audience-content-box{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.AudienceSegment h2{font-size:2.6rem;color:#fff;margin:0 0 56px;text-align:center;font-weight:700;text-shadow:0 4px 12px #0003}
.audience-profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.profile-box{background:#fffffff2;border-radius:26px;padding:36px 28px;box-shadow:0 12px 32px #00000026;transition:all .4s ease}
.profile-box:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 48px #00000040}
.profile-box h5{font-size:1.35rem;color:#AB263B;margin:0 0 16px;font-weight:600}
.profile-box p{font-size:1rem;color:#2d3748;line-height:1.65;margin:0}
.ExperienceShowcase{background:#161b22;padding:90px 20px}
.experience-layout{max-width:1500px;margin:0 auto}
.ExperienceShowcase h2{font-size:2.5rem;color:#fff;margin:0 0 20px;font-weight:700}
.ExperienceShowcase .intro-desc{font-size:1.15rem;color:#8b949e;margin:0 0 60px;max-width:800px;line-height:1.6}
.testimonial-grid-container{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.testimonial-card-alt{background:linear-gradient(140deg,#0d1117 0%,#161b22 100%);border:1px solid #30363d;border-radius:32px;padding:40px 36px;display:flex;flex-direction:column;gap:24px;transition:all .3s ease;position:relative}
.testimonial-card-alt::before{content:'"';position:absolute;top:20px;left:30px;color:#c76b0526;font:5rem/1 Georgia,serif}
.testimonial-card-alt:hover{border-color:#006B73;box-shadow:0 8px 24px #006b7333}
.testimonial-profile{display:flex;align-items:center;gap:20px;position:relative;z-index:2}
.testimonial-profile img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #30363d}
.profile-info h6{font-size:1.15rem;color:#fff;margin:0 0 4px;font-weight:600}
.profile-info .role-label{font-size:.95rem;color:#8b949e}
.testimonial-card-alt .feedback-text{font-size:1.05rem;color:#c9d1d9;line-height:1.7;margin:0;position:relative;z-index:2}
.SupportServices{background:linear-gradient(135deg,#0d1117 0%,#161b22 100%);padding:100px 20px;position:relative}
.support-wrap{max-width:1300px;margin:0 auto;display:flex;flex-direction:row;gap:60px;align-items:center}
.support-image-side{flex:1}
.support-image-side img{width:100%;height:auto;border-radius:28px;box-shadow:0 16px 48px #0006;object-fit:cover}
.support-content-side{flex:1}
.support-content-side h2{font-size:2.4rem;color:#fff;margin:0 0 28px;font-weight:700;position:relative}
.support-content-side h2::before{content:'';position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:6px;height:60%;background:linear-gradient(180deg,#AB263B 0%,#C76B05 100%);border-radius:3px}
.support-content-side p{font-size:1.1rem;color:#c9d1d9;line-height:1.7;margin:0 0 32px}
.support-methods{display:flex;flex-direction:column;gap:20px}
.method-item{background:#161b2299;border:1px solid #30363d;border-radius:20px;padding:24px 28px;display:flex;align-items:flex-start;gap:20px;transition:all .3s ease}
.method-item:hover{background:#161b22e6;border-color:#C76B05;transform:translateX(8px)}
.method-icon{width:48px;height:48px;background:linear-gradient(135deg,#AB263B 0%,#C76B05 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 16px #ab263b4d}
.method-icon svg{width:24px;height:24px;fill:#fff}
.method-details h5{font-size:1.2rem;color:#fff;margin:0 0 8px;font-weight:600}
.method-details p{font-size:.95rem;color:#8b949e;line-height:1.5;margin:0}
@media (max-width: 1024px) {
.hero-content-wrapper .MainHeadline{font-size:2.4rem}
.motivation-wrapper{grid-template-columns:1fr;gap:40px}
.audience-profiles{grid-template-columns:1fr}
.testimonial-grid-container{grid-template-columns:1fr}
.support-wrap{flex-direction:column}
}
@media (max-width: 768px) {
.hero-content-wrapper .MainHeadline{font-size:2rem}
.hero-benefit-list li{font-size:1.1rem}
.PathwaySection h2,.SecurityBlock h2,.AudienceSegment h2,.ExperienceShowcase h2{font-size:2rem}
.pathway-grid{grid-template-columns:1fr}
.security-features{flex-direction:column}
.support-content-side h2::before{display:none}
}
.PageContactWrapper{width:100%;max-width:1600px;margin:0 auto}
.IntroHeader{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:80px 24px;text-align:center;border-radius:32px;margin:40px 24px;position:relative;overflow:hidden}
.IntroHeader::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#ab263b1a 0%,transparent 70%);animation:rotateGlow 20s linear infinite}
@keyframes rotateGlow {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.IntroHeader .MainTitle{font-size:48px;color:#fff;margin:0 0 16px;font-weight:700;position:relative;z-index:2}
.IntroHeader .SubText{font-size:20px;color:#b0b8c4;max-width:680px;margin:0 auto;line-height:1.6;position:relative;z-index:2}
.ContactMethodsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;padding:60px 24px;max-width:1200px;margin:0 auto}
.MethodCard{background:linear-gradient(145deg,#1e1e2f 0%,#252538 100%);padding:40px 32px;border-radius:28px;border:1px solid #ab263b33;transition:all .3s ease;position:relative}
.MethodCard:hover{transform:translateY(-8px);border-color:#ab263b80;box-shadow:0 12px 24px #ab263b26}
.MethodCard .IconHolder{width:64px;height:64px;background:linear-gradient(135deg,#AB263B 0%,#C76B05 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.MethodCard .IconHolder svg{width:32px;height:32px;fill:#fff}
.MethodCard .MethodLabel{font-size:22px;color:#fff;margin:0 0 12px;font-weight:600}
.MethodCard .MethodInfo{font-size:16px;color:#b0b8c4;line-height:1.6;margin:0}
.MethodCard .ContactLink{color:#C76B05;text-decoration:none;transition:color .2s ease}
.MethodCard .ContactLink:hover{color:#AB263B}
.FormAndImageSection{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:60px 24px;max-width:1400px;margin:0 auto;align-items:start}
.ImageSideVisual{position:relative;border-radius:32px;overflow:hidden;height:100%;min-height:600px}
.ImageSideVisual img{width:100%;height:100%;object-fit:cover;display:block}
.ImageSideVisual::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ab263b4d 0%,#006b734d 100%);pointer-events:none}
.FormContainer{background:linear-gradient(145deg,#1e1e2f 0%,#252538 100%);padding:48px;border-radius:32px;border:1px solid #c76b0533}
.FormContainer .FormHeading{font-size:32px;color:#fff;margin:0 0 12px;font-weight:700}
.FormContainer .FormDescription{font-size:16px;color:#b0b8c4;margin:0 0 36px;line-height:1.6}
.FormContainer .InputGroup{margin-bottom:28px}
.FormContainer .InputLabel{display:block;font-size:14px;color:#fff;margin-bottom:8px;font-weight:500}
.FormContainer .TextInput{width:100%;padding:16px 20px;background:#16182a;border:2px solid #ab263b4d;border-radius:16px;color:#fff;font-size:16px;transition:all .3s ease;box-sizing:border-box}
.FormContainer .TextInput:focus{outline:none;border-color:#AB263B;box-shadow:0 0 0 4px #ab263b1a}
.FormContainer .TextInput::placeholder{color:#6b7280}
.FormContainer .TextAreaInput{width:100%;padding:16px 20px;background:#16182a;border:2px solid #ab263b4d;border-radius:16px;color:#fff;font-size:16px;min-height:140px;resize:vertical;transition:all .3s ease;box-sizing:border-box;font-family:inherit}
.FormContainer .TextAreaInput:focus{outline:none;border-color:#AB263B;box-shadow:0 0 0 4px #ab263b1a}
.FormContainer .SelectWrapper{position:relative}
.FormContainer .SelectInput{width:100%;padding:16px 20px;background:#16182a;border:2px solid #ab263b4d;border-radius:16px;color:#fff;font-size:16px;transition:all .3s ease;cursor:pointer;appearance:none;box-sizing:border-box}
.FormContainer .SelectInput:focus{outline:none;border-color:#AB263B;box-shadow:0 0 0 4px #ab263b1a}
.FormContainer .SelectWrapper::after{content:'';position:absolute;right:20px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;pointer-events:none}
.FormContainer .CheckboxWrapper{margin:32px 0;display:flex;align-items:flex-start;gap:12px}
.FormContainer .CheckboxInput{width:20px;height:20px;border:2px solid #ab263b4d;border-radius:6px;cursor:pointer;flex-shrink:0;margin-top:2px}
.FormContainer .CheckboxLabel{font-size:14px;color:#b0b8c4;line-height:1.5}
.FormContainer .CheckboxLabel a{color:#C76B05;text-decoration:none;transition:color .2s ease}
.FormContainer .CheckboxLabel a:hover{color:#AB263B}
.FormContainer .SubmitButton{width:100%;padding:18px 32px;background:linear-gradient(135deg,#AB263B 0%,#C76B05 100%);border:none;border-radius:16px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ab263b4d}
.FormContainer .SubmitButton:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ab263b66}
.FormContainer .SubmitButton:active{transform:translateY(0)}
.LocationDetails{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:80px 24px;margin:60px 24px 40px;border-radius:32px;text-align:center}
.LocationDetails .SectionHeading{font-size:38px;color:#fff;margin:0 0 16px;font-weight:700}
.LocationDetails .AddressText{font-size:18px;color:#b0b8c4;margin:0 0 40px;line-height:1.7}
.LocationDetails .AddressHighlight{color:#C76B05;font-weight:600}
.QuickInfoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;max-width:1000px;margin:0 auto}
.QuickInfoGrid .InfoItem{background:#ffffff0d;padding:28px 24px;border-radius:20px;border:1px solid #c76b0533}
.QuickInfoGrid .InfoItem h6{font-size:16px;color:#C76B05;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px;font-weight:600}
.QuickInfoGrid .InfoItem .InfoValue{font-size:18px;color:#fff;margin:0;font-weight:500}
.ResponseExpectations{padding:80px 24px;max-width:900px;margin:0 auto}
.ResponseExpectations .ExpectHeading{font-size:36px;color:#fff;margin:0 0 20px;font-weight:700;text-align:center}
.ResponseExpectations .ExpectIntro{font-size:17px;color:#b0b8c4;margin:0 0 48px;text-align:center;line-height:1.6}
.TimelineProcess{position:relative;padding-left:48px}
.TimelineProcess::before{content:'';position:absolute;left:16px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#AB263B 0%,#C76B05 50%,#006B73 100%)}
.TimelineProcess .ProcessStep{position:relative;margin-bottom:36px}
.TimelineProcess .ProcessStep::before{content:'';position:absolute;left:-40px;top:4px;width:16px;height:16px;background:#C76B05;border-radius:50%;border:3px solid #1a1a2e;box-shadow:0 0 0 2px #C76B05}
.TimelineProcess .ProcessStep h5{font-size:20px;color:#fff;margin:0 0 8px;font-weight:600}
.TimelineProcess .ProcessStep .StepDescription{font-size:16px;color:#b0b8c4;margin:0;line-height:1.6}
.AlternativeContact{background:linear-gradient(145deg,#1e1e2f 0%,#252538 100%);padding:60px 24px;margin:40px 24px;border-radius:32px;text-align:center;border:1px solid #006b734d}
.AlternativeContact .AltHeading{font-size:32px;color:#fff;margin:0 0 16px;font-weight:700}
.AlternativeContact .AltText{font-size:17px;color:#b0b8c4;margin:0 0 32px;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}
.AlternativeContact .DirectMethodsHolder{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.AlternativeContact .DirectLink{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:#ab263b1a;border:2px solid #AB263B;border-radius:16px;color:#fff;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease}
.AlternativeContact .DirectLink:hover{background:#ab263b33;transform:translateY(-2px);box-shadow:0 8px 16px #ab263b4d}
.AlternativeContact .DirectLink svg{width:20px;height:20px;fill:#C76B05}
@media (max-width: 1024px) {
.FormAndImageSection{grid-template-columns:1fr;gap:40px}
.ImageSideVisual{min-height:400px}
.ContactMethodsGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.IntroHeader{padding:60px 20px;margin:24px 16px}
.IntroHeader .MainTitle{font-size:36px}
.IntroHeader .SubText{font-size:17px}
.FormContainer{padding:32px 24px}
.FormContainer .FormHeading{font-size:26px}
.LocationDetails{padding:60px 20px;margin:40px 16px 24px}
.LocationDetails .SectionHeading{font-size:30px}
.QuickInfoGrid{grid-template-columns:1fr}
.ResponseExpectations{padding:60px 20px}
.ResponseExpectations .ExpectHeading{font-size:28px}
.AlternativeContact{padding:48px 20px;margin:24px 16px}
.AlternativeContact .AltHeading{font-size:26px}
.AlternativeContact .DirectMethodsHolder{flex-direction:column;align-items:stretch}
.AlternativeContact .DirectLink{justify-content:center}
}
@media (max-width: 480px) {
.IntroHeader .MainTitle{font-size:28px}
.MethodCard{padding:32px 24px}
.TimelineProcess{padding-left:36px}
.TimelineProcess .ProcessStep::before{left:-32px}
}
.PageIntro{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);padding:80px 20px;position:relative;overflow:hidden}
.PageIntro::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ab263b26 0%,transparent 70%);border-radius:50%}
.IntroWrapper{max-width:1600px;margin:0 auto;position:relative;z-index:2}
.IntroWrapper .MainHeading{font-size:3.2rem;color:#fff;margin-bottom:20px;font-weight:700;line-height:1.2}
.IntroWrapper .MainHeading::after{content:'';display:block;width:120px;height:4px;background:linear-gradient(90deg,#AB263B 0%,#C76B05 100%);margin-top:25px;border-radius:20px}
.IntroWrapper .LeadText{font-size:1.3rem;color:#d4d4d4;line-height:1.7;max-width:800px;margin-top:30px}
.HistoryDisplay{background:#1e1e1e;padding:100px 20px;position:relative}
.HistoryDisplay::before{content:'';position:absolute;left:0;top:0;width:100%;height:8px;background:linear-gradient(78deg,#AB263B 0%,#C76B05 50%,#006B73 100%)}
.HistoryContainer{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}
.HistoryContainer .TextBlock h2{font-size:2.6rem;color:#fff;margin-bottom:35px;position:relative;padding-left:25px}
.HistoryContainer .TextBlock h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:60%;background:#C76B05;border-radius:20px}
.HistoryContainer .TextBlock p{font-size:1.1rem;color:#c4c4c4;line-height:1.8;margin-bottom:20px}
.HistoryContainer .ImageBlock img{width:100%;height:480px;object-fit:cover;border-radius:30px;box-shadow:0 12px 40px #0006}
.ValuesArea{background:linear-gradient(165deg,#252525 0%,#1a1a1a 100%);padding:100px 20px}
.ValuesArea .ContentWrapper{max-width:1600px;margin:0 auto}
.ValuesArea .SectionTitle{font-size:2.8rem;color:#fff;text-align:center;margin-bottom:70px;position:relative}
.ValuesArea .SectionTitle::after{content:'';display:block;width:100px;height:3px;background:linear-gradient(90deg,#006B73 0%,#C76B05 100%);margin:25px auto 0;border-radius:20px}
.ValueGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.ValueCard{background:#2a2a2a;padding:50px 35px;border-radius:25px;border:1px solid #3a3a3a;transition:all .3s ease;position:relative}
.ValueCard[data-state="hover"]:hover{transform:translateY(-8px);box-shadow:0 16px 48px #00000080;border-color:#AB263B}
.ValueCard h3{font-size:1.6rem;color:#fff;margin-bottom:20px;display:flex;align-items:center;gap:15px}
.ValueCard h3::before{content:'';width:8px;height:8px;background:#C76B05;border-radius:50%;box-shadow:0 0 15px #c76b0599}
.ValueCard p{font-size:1.05rem;color:#b8b8b8;line-height:1.7}
.TeamSection{background:#1a1a1a;padding:100px 20px;position:relative}
.TeamSection::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#006b731f 0%,transparent 70%);bottom:-100px;left:-100px;border-radius:50%}
.TeamContainer-wrapper{max-width:1600px;margin:0 auto}
.TeamContainer-wrapper .HeadingRow{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px;gap:40px}
.TeamContainer-wrapper .HeadingRow h2{font-size:2.7rem;color:#fff;margin:0}
.TeamContainer-wrapper .HeadingRow .SubText{font-size:1.15rem;color:#aaa;max-width:500px;line-height:1.6}
.MemberShowcase{display:grid;grid-template-columns:380px 1fr;gap:60px;background:#242424;padding:50px;border-radius:30px;box-shadow:0 8px 32px #0000004d;align-items:center}
.MemberShowcase .ProfileImage img{width:100%;height:420px;object-fit:cover;border-radius:25px;border:3px solid #3a3a3a}
.MemberShowcase .ProfileDetails h4{font-size:2rem;color:#fff;margin-bottom:10px}
.MemberShowcase .ProfileDetails .JobTitle{font-size:1.2rem;color:#C76B05;margin-bottom:30px;font-weight:600}
.MemberShowcase .ProfileDetails p{font-size:1.1rem;color:silver;line-height:1.8;margin-bottom:20px}
.ExpertiseList{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ExpertiseList .SkillTag{background:linear-gradient(135deg,#2d2d2d 0%,#383838 100%);color:#fff;padding:10px 22px;border-radius:20px;font-size:.95rem;border:1px solid #4a4a4a}
.ApproachSection{background:linear-gradient(225deg,#222 0%,#1a1a1a 100%);padding:100px 20px}
.ApproachLayout{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:start}
.ApproachLayout .ContentSide h2{font-size:2.5rem;color:#fff;margin-bottom:40px}
.MethodItem{background:#252525;padding:35px;border-radius:25px;margin-bottom:25px;border-left:4px solid #AB263B;transition:all .3s ease}
.MethodItem[data-visible="true"]:hover{background:#2d2d2d;box-shadow:0 8px 24px #0006;border-left-width:6px}
.MethodItem h5{font-size:1.4rem;color:#fff;margin-bottom:15px}
.MethodItem p{font-size:1.05rem;color:#b5b5b5;line-height:1.7;margin:0}
.ApproachLayout .VisualSide{position:sticky;top:100px}
.ApproachLayout .VisualSide img{width:100%;height:550px;object-fit:cover;border-radius:30px;box-shadow:0 14px 50px #00000080}
.DataPoints{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}
.StatDisplay{background:linear-gradient(135deg,#2a2a2a 0%,#323232 100%);padding:30px;border-radius:20px;text-align:center;border:1px solid #3f3f3f}
.StatDisplay .Number{font-size:3rem;color:#C76B05;font-weight:700;margin-bottom:10px;display:block}
.StatDisplay .Label{font-size:1rem;color:#bbb}
@media (max-width: 1024px) {
.HistoryContainer,.ApproachLayout{grid-template-columns:1fr;gap:50px}
.ValueGrid{grid-template-columns:repeat(2,1fr)}
.MemberShowcase{grid-template-columns:1fr}
.TeamContainer-wrapper .HeadingRow{flex-direction:column;align-items:flex-start}
.ApproachLayout .VisualSide{position:static}
}
@media (max-width: 768px) {
.IntroWrapper .MainHeading{font-size:2.2rem}
.IntroWrapper .LeadText{font-size:1.1rem}
.ValueGrid{grid-template-columns:1fr}
.DataPoints{grid-template-columns:1fr}
.HistoryContainer .ImageBlock img,.ApproachLayout .VisualSide img{height:350px}
.MemberShowcase .ProfileImage img{height:320px}
.PageIntro,.HistoryDisplay,.ValuesArea,.TeamSection,.ApproachSection{padding:60px 20px}
}
.StatsHeroZone{background:linear-gradient(135deg,#1a1a1a 0%,#2d1a1f 50%,#1a2426 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.StatsHeroZone::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ab263b26 0%,transparent 70%);border-radius:50%}
.stats-container{max-width:1600px;margin:0 auto;position:relative;z-index:2}
.MainStatsTitle{font-size:3.2rem;color:#fff;text-align:center;margin-bottom:20px;font-weight:700;letter-spacing:-.5px}
.intro-description{font-size:1.15rem;color:#d4d4d4;text-align:center;max-width:800px;margin:0 auto 60px;line-height:1.7}
.MetricsDisplayGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:80px}
.metric-card{background:#ffffff08;border:1px solid #ab263b33;border-radius:24px;padding:40px 30px;text-align:center;position:relative;transition:all .4s ease}
.metric-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#AB263B 0%,#C76B05 50%,#006B73 100%);border-radius:24px 24px 0 0;opacity:0;transition:opacity .4s ease}
.metric-card:hover{background:#ffffff0d;border-color:#ab263b66;transform:translateY(-5px)}
.metric-card:hover::before{opacity:1}
.metric-number{font-size:3.5rem;font-weight:800;color:#AB263B;line-height:1;margin-bottom:15px;display:block}
.metric-label{font-size:1.1rem;color:#e0e0e0;font-weight:500;margin-bottom:10px}
.metric-detail{font-size:.95rem;color:#a8a8a8;line-height:1.6}
.ProgressSection{background:#1e1e1e;padding:100px 20px;position:relative}
.ProgressSection::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#C76B05 50%,transparent 100%)}
.section-heading{font-size:2.6rem;color:#fff;margin-bottom:25px;font-weight:700}
.section-intro{font-size:1.1rem;color:#b8b8b8;margin-bottom:50px;line-height:1.7;max-width:900px}
.dual-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.progress-items-list{display:flex;flex-direction:column;gap:35px}
.progress-item{position:relative}
.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.progress-title{font-size:1.15rem;color:#fff;font-weight:600}
.progress-value{font-size:1.3rem;color:#C76B05;font-weight:700}
.progress-bar-wrapper{width:100%;height:12px;background:#ffffff0d;border-radius:20px;overflow:hidden;position:relative}
.progress-bar-fill{height:100%;background:linear-gradient(90deg,#AB263B 0%,#C76B05 100%);border-radius:20px;transition:width 1.5s ease;position:relative}
.progress-bar-fill::after{content:'';position:absolute;top:0;right:0;width:30px;height:100%;background:linear-gradient(90deg,transparent,#ffffff4d)}
.progress-img-wrapper{position:relative;border-radius:30px;overflow:hidden;box-shadow:0 15px 40px #0006}
.progress-img-wrapper img{width:100%;height:auto;display:block;object-fit:cover}
.InsightsZone{background:linear-gradient(160deg,#161616 0%,#2a1a20 100%);padding:100px 20px;position:relative}
.InsightsZone::before{content:'';position:absolute;top:20%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#006b731f 0%,transparent 70%);border-radius:50%}
.insights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:60px}
.insight-block{background:#ffffff05;border:1px solid #c76b0526;border-radius:28px;padding:45px;position:relative;transition:all .3s ease}
.insight-block::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60%;height:3px;background:linear-gradient(90deg,transparent,#006B73,transparent);opacity:0;transition:opacity .3s ease}
.insight-block:hover{border-color:#c76b054d;background:#ffffff0a}
.insight-block:hover::after{opacity:1}
.insight-heading{font-size:1.8rem;color:#fff;margin-bottom:20px;font-weight:700;display:flex;align-items:center;gap:15px}
.insight-heading::before{content:'';width:6px;height:40px;background:linear-gradient(180deg,#AB263B 0%,#C76B05 100%);border-radius:10px}
.insight-text{font-size:1.05rem;color:silver;line-height:1.8;margin-bottom:25px}
.insight-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}
.insight-list li{font-size:1rem;color:#d8d8d8;padding-left:30px;position:relative;line-height:1.6}
.insight-list li::before{content:'▸';position:absolute;left:0;color:#C76B05;font-weight:700;font-size:1.2rem}
.testimonial-showcase{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:60px}
.testimonial-card{background:#ab263b14;border:1px solid #ab263b33;border-radius:32px;padding:40px;display:flex;flex-direction:column;gap:25px}
.testimonial-profile{display:flex;align-items:center;gap:20px}
.profile-photo{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #C76B05}
.profile-info h6{font-size:1.2rem;color:#fff;margin:0 0 5px;font-weight:600}
.profile-info p{font-size:.95rem;color:#a8a8a8;margin:0}
.testimonial-quote{font-size:1.05rem;color:#d0d0d0;line-height:1.7;font-style:italic;position:relative;padding-left:25px}
.testimonial-quote::before{content:'"';position:absolute;left:0;top:-10px;color:#AB263B;font:3rem/1 Georgia,serif}
@media (max-width: 1024px) {
.dual-column-layout{grid-template-columns:1fr;gap:50px}
.insights-grid{grid-template-columns:1fr}
.testimonial-showcase{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.MainStatsTitle{font-size:2.2rem}
.MetricsDisplayGrid{grid-template-columns:1fr;gap:25px}
.metric-number{font-size:2.8rem}
.section-heading{font-size:2rem}
.insight-heading{font-size:1.5rem}
.StatsHeroZone{padding:60px 20px 40px}
.ProgressSection,.InsightsZone{padding:60px 20px}
.insight-block{padding:30px}
.testimonial-card{padding:30px}
}
@media (max-width: 480px) {
.MainStatsTitle{font-size:1.8rem}
.metric-card{padding:30px 20px}
.insight-heading::before{height:30px}
}
.PolicyHeaderSection{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.PolicyHeaderSection::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ab263b1a 0%,transparent 70%);border-radius:50%}
.PolicyHeaderSection::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#006b7314 0%,transparent 70%);border-radius:50%}
.PolicyHeaderSection .policy-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.PolicyHeaderSection h1{font-size:48px;color:#fff;margin:0 0 16px;font-weight:700;line-height:1.2}
.PolicyHeaderSection .update-info{display:inline-block;background:#c76b0526;color:#C76B05;padding:8px 20px;border-radius:25px;font-size:14px;font-weight:500;border:1px solid #c76b054d}
.PolicyHeaderSection .intro-text{color:#e0e0e0;font-size:18px;line-height:1.7;margin-top:32px;max-width:800px}
.ContentBlockWrapper{background:#0f1419;padding:80px 20px}
.ContentBlockWrapper .content-container{max-width:1200px;margin:0 auto}
.PolicySection{background:linear-gradient(145deg,#1a1f2e 0%,#151a26 100%);border-radius:30px;padding:50px;margin-bottom:40px;border:1px solid #ab263b26;position:relative;overflow:hidden}
.PolicySection::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#AB263B 0%,#C76B05 50%,#006B73 100%)}
.PolicySection h3{color:#fff;font-size:32px;margin:0 0 24px;font-weight:600;position:relative;padding-left:20px}
.PolicySection h3::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#AB263B;border-radius:50%}
.PolicySection h4{color:#C76B05;font-size:22px;margin:32px 0 16px;font-weight:600}
.PolicySection h5{color:#e0e0e0;font-size:18px;margin:24px 0 12px;font-weight:500}
.PolicySection p{color:#b8b8b8;font-size:16px;line-height:1.8;margin:0 0 20px}
.PolicySection ul{list-style:none;padding:0;margin:20px 0}
.PolicySection ul li{color:#b8b8b8;font-size:16px;line-height:1.7;margin-bottom:16px;padding-left:32px;position:relative}
.PolicySection ul li::before{content:'';position:absolute;left:0;top:8px;width:16px;height:2px;background:linear-gradient(90deg,#AB263B 0%,#C76B05 100%)}
.PolicySection strong{color:#fff;font-weight:600}
.highlight-box{background:#006b731a;border-left:3px solid #006B73;padding:24px 28px;border-radius:20px;margin:28px 0}
.highlight-box p{margin:0;color:#d0d0d0}
.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:32px 0}
.DataCard{background:#ab263b14;border-radius:25px;padding:28px;border:1px solid #ab263b33;transition:all .3s ease}
.DataCard:hover{transform:translateY(-4px);border-color:#ab263b66;box-shadow:0 8px 24px #ab263b26}
.DataCard h6{color:#AB263B;font-size:16px;margin:0 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.DataCard p{margin:0;font-size:15px;line-height:1.6}
.ContactBlockArea{background:linear-gradient(78deg,#AB263B 0%,#C76B05 50%,#006B73 100%);padding:70px 20px;position:relative;overflow:hidden}
.ContactBlockArea::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,#ffffff1a 0%,transparent 50%),radial-gradient(circle at 80% 70%,#00000026 0%,transparent 50%)}
.ContactBlockArea .contact-wrapper{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}
.ContactBlockArea h2{color:#fff;font-size:38px;margin:0 0 20px;font-weight:700}
.ContactBlockArea p{color:#fffffff2;font-size:18px;line-height:1.7;margin:0 0 36px}
.contact-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px;margin-top:48px}
.InfoItem{background:#ffffff26;backdrop-filter:blur(10px);border-radius:25px;padding:32px 24px;border:1px solid #ffffff40;transition:all .3s ease}
.InfoItem:hover{background:#ffffff38;transform:translateY(-6px);box-shadow:0 12px 32px #0003}
.InfoItem h5{color:#fff;font-size:16px;margin:0 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}
.InfoItem a{color:#fffffff2;font-size:17px;text-decoration:none;font-weight:500;transition:color .3s ease;display:inline-block}
.InfoItem a:hover{color:#fff}
.InfoItem .address-text{color:#fffffff2;font-size:16px;line-height:1.6;margin:0}
.action-button{display:inline-block;background:#fff;color:#AB263B;padding:16px 42px;border-radius:30px;text-decoration:none;font-weight:600;font-size:17px;transition:all .3s ease;box-shadow:0 4px 16px #00000026}
.action-button:hover{background:#f5f5f5;transform:translateY(-2px);box-shadow:0 8px 24px #00000040}
@media (max-width: 768px) {
.PolicyHeaderSection h1{font-size:36px}
.PolicyHeaderSection .intro-text{font-size:16px}
.PolicySection{padding:32px 24px}
.PolicySection h3{font-size:26px}
.PolicySection h4{font-size:20px}
.data-grid{grid-template-columns:1fr}
.ContactBlockArea h2{font-size:30px}
.contact-info-grid{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.PolicyHeaderSection{padding:60px 16px 40px}
.PolicyHeaderSection h1{font-size:28px}
.PolicySection{padding:24px 20px;border-radius:20px}
.action-button{padding:14px 32px;font-size:16px}
}
.PolicyMasterWrap{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);padding:0;margin:0}
.PolicyIntroLead{background:linear-gradient(78deg,#AB263B 0%,#C76B05 50%,#006B73 100%);padding:80px 20px;text-align:center}
.PolicyIntroLead .intro-container{max-width:1600px;margin:0 auto}
.PolicyIntroLead h1{color:#fff;font-size:3rem;margin:0 0 20px;font-weight:700}
.PolicyIntroLead .lead-txt{color:#f5f5f5;font-size:1.2rem;line-height:1.6;max-width:800px;margin:0 auto}
.PolicyContentMain{max-width:1400px;margin:0 auto;padding:60px 20px}
.PrivacyDetailBlock{background:#2a2a2a;border-radius:30px;padding:50px;margin-bottom:40px;box-shadow:0 8px 16px #0000004d}
.PrivacyDetailBlock h2{color:#fff;font-size:2rem;margin:0 0 25px;position:relative;padding-left:30px}
.PrivacyDetailBlock h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:30px;background:linear-gradient(180deg,#AB263B 0%,#C76B05 100%);border-radius:10px}
.PrivacyDetailBlock .policy-text{color:#e0e0e0;font-size:1.05rem;line-height:1.8;margin-bottom:20px}
.PrivacyDetailBlock .policy-text:last-child{margin-bottom:0}
.privacy-grid-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:40px}
.DataProcessBox{background:#333;border-radius:25px;padding:40px;border-left:5px solid #C76B05;transition:transform .3s ease}
.DataProcessBox:hover{transform:translateY(-5px)}
.DataProcessBox h3{color:#fff;font-size:1.5rem;margin:0 0 20px}
.DataProcessBox .info-item{color:#d0d0d0;font-size:1rem;line-height:1.7;margin-bottom:12px;padding-left:25px;position:relative}
.DataProcessBox .info-item::before{content:'→';position:absolute;left:0;color:#006B73;font-weight:700}
.YourRightsSection{background:linear-gradient(135deg,#2a2a2a 0%,#1f1f1f 100%);border-radius:35px;padding:60px 50px;margin-bottom:40px;position:relative;overflow:hidden}
.YourRightsSection::after{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,#ab263b1a 0%,transparent 70%);border-radius:50%}
.YourRightsSection h2{color:#fff;font-size:2.2rem;margin:0 0 35px;text-align:center}
.rights-flex-container{display:flex;flex-direction:column;gap:20px;position:relative;z-index:2}
.individual-right{background:#3a3a3a;border-radius:20px;padding:30px;border:2px solid transparent;transition:border-color .3s ease,background .3s ease}
.individual-right:hover{border-color:#AB263B;background:#404040}
.individual-right h4{color:#fff;font-size:1.3rem;margin:0 0 15px}
.individual-right .description-txt{color:#d5d5d5;font-size:1rem;line-height:1.7;margin:0}
.SecurityMeasuresDisplay{display:flex;gap:30px;margin-bottom:40px}
.SecurityMeasuresDisplay .measure-column{flex:1;background:#262626;border-radius:28px;padding:45px}
.SecurityMeasuresDisplay .measure-column h3{color:#fff;font-size:1.7rem;margin:0 0 25px;text-align:center}
.measure-list-item{background:#333;border-radius:15px;padding:20px;margin-bottom:15px;border-left:4px solid #006B73}
.measure-list-item h5{color:#fff;font-size:1.1rem;margin:0 0 10px}
.measure-list-item .detail-info{color:#c5c5c5;font-size:.95rem;line-height:1.6;margin:0}
.CookiesPolicy{background:#2d2d2d;border-radius:32px;padding:55px;margin-bottom:40px;box-shadow:0 12px 24px #0006}
.CookiesPolicy h2{color:#fff;font-size:2rem;margin:0 0 30px;text-align:center}
.cookie-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.cookie-type-card{background:linear-gradient(145deg,#3a3a3a 0%,#303030 100%);border-radius:22px;padding:35px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}
.cookie-type-card:hover{transform:scale(1.05);box-shadow:0 8px 20px #c76b054d}
.cookie-type-card h6{color:#C76B05;font-size:1.25rem;margin:0 0 18px;font-weight:600}
.cookie-type-card .cookie-desc{color:#d8d8d8;font-size:.98rem;line-height:1.65;margin:0}
.ContactUpdateSection{background:linear-gradient(90deg,#AB263B 0%,#C76B05 50%,#006B73 100%);border-radius:30px;padding:50px;text-align:center;margin-bottom:40px}
.ContactUpdateSection h2{color:#fff;font-size:2rem;margin:0 0 20px}
.ContactUpdateSection .contact-instruction{color:#f5f5f5;font-size:1.1rem;line-height:1.7;margin-bottom:30px}
.ContactUpdateSection .contact-info-display{display:flex;justify-content:center;gap:50px;flex-wrap:wrap}
.contact-method{background:#ffffff26;border-radius:20px;padding:25px 40px;backdrop-filter:blur(10px)}
.contact-method h6{color:#fff;font-size:1rem;margin:0 0 10px;font-weight:600;text-transform:uppercase;letter-spacing:1px}
.contact-method .detail-link{color:#fff;font-size:1.15rem;text-decoration:none;transition:opacity .3s ease}
.contact-method .detail-link:hover{opacity:.8}
.UpdateHistoryNote{background:#252525;border-radius:25px;padding:40px;text-align:center}
.UpdateHistoryNote h3{color:#fff;font-size:1.5rem;margin:0 0 20px}
.UpdateHistoryNote .update-info{color:silver;font-size:1rem;line-height:1.7;margin:0}
.UpdateHistoryNote .timestamp{color:#006B73;font-weight:600;display:block;margin-top:15px;font-size:1.05rem}
@media (max-width: 1024px) {
.privacy-grid-wrapper{grid-template-columns:1fr;gap:30px}
.SecurityMeasuresDisplay{flex-direction:column}
.cookie-types-grid{grid-template-columns:repeat(2,1fr)}
.PrivacyDetailBlock{padding:35px}
}
@media (max-width: 768px) {
.PolicyIntroLead h1{font-size:2.2rem}
.PolicyIntroLead .lead-txt{font-size:1.05rem}
.PrivacyDetailBlock{padding:30px;border-radius:20px}
.PrivacyDetailBlock h2{font-size:1.6rem}
.YourRightsSection{padding:40px 30px}
.cookie-types-grid{grid-template-columns:1fr;gap:20px}
.ContactUpdateSection .contact-info-display{flex-direction:column;gap:20px}
.SecurityMeasuresDisplay .measure-column{padding:30px}
}
@media (max-width: 480px) {
.PolicyIntroLead{padding:50px 15px}
.PolicyIntroLead h1{font-size:1.8rem}
.PolicyContentMain{padding:40px 15px}
.PrivacyDetailBlock{padding:25px}
.DataProcessBox{padding:25px}
.YourRightsSection{padding:30px 20px}
.ContactUpdateSection{padding:35px 25px}
}
.ConfirmationWrap{max-width:1600px;margin:0 auto;padding:80px 20px}
.SuccessHeader{text-align:center;margin-bottom:60px}
.IconCircle{width:120px;height:120px;margin:0 auto 32px;background:linear-gradient(135deg,#AB263B 0%,#C76B05 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 24px #ab263b4d}
.IconCircle::before{content:'';position:absolute;inset:8px;background:#1a1a1a;border-radius:50%}
.IconCircle svg{width:56px;height:56px;position:relative;z-index:2}
.SuccessHeader h1{font-size:2.8rem;color:#f5f5f5;margin-bottom:16px;font-weight:700}
.SuccessHeader .SubMessage{font-size:1.2rem;color:#b8b8b8;line-height:1.6}
.MessageGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-bottom:80px}
.DetailBlock{background:linear-gradient(145deg,#2a2a2a 0%,#1f1f1f 100%);padding:40px;border-radius:24px;border:1px solid #3a3a3a;position:relative;overflow:hidden}
.DetailBlock::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#AB263B 0%,#C76B05 50%,#006B73 100%)}
.DetailBlock h3{font-size:1.5rem;color:#f5f5f5;margin-bottom:16px;font-weight:600}
.DetailBlock p{color:#c8c8c8;line-height:1.7;font-size:1.05rem}
.DetailBlock .highlight{color:#C76B05;font-weight:600}
.NextStepsArea{background:#252525;padding:60px 40px;border-radius:32px;border:2px solid #3a3a3a;position:relative}
.NextStepsArea::after{content:'';position:absolute;bottom:-2px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent 0%,#006B73 50%,transparent 100%)}
.NextStepsArea h2{font-size:2.2rem;color:#f5f5f5;margin-bottom:48px;text-align:center;font-weight:700}
.StepsList{display:flex;flex-direction:column;gap:32px;max-width:900px;margin:0 auto}
.StepItem{display:flex;gap:24px;align-items:flex-start}
.StepNumber{min-width:56px;height:56px;background:linear-gradient(135deg,#AB263B 0%,#C76B05 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#fff;box-shadow:0 4px 12px #ab263b66}
.StepContent h4{font-size:1.3rem;color:#f5f5f5;margin-bottom:8px;font-weight:600}
.StepContent p{color:#b8b8b8;line-height:1.6;font-size:1.05rem}
.ActionArea{margin-top:56px;text-align:center;padding-top:48px;border-top:1px solid #3a3a3a}
.MainButton{display:inline-block;padding:18px 48px;background:linear-gradient(135deg,#AB263B 0%,#C76B05 100%);color:#fff;font-size:1.15rem;font-weight:600;text-decoration:none;border-radius:30px;transition:all .3s ease;box-shadow:0 6px 20px #ab263b59;position:relative;z-index:1}
.MainButton:hover{transform:translateY(-2px);box-shadow:0 10px 28px #ab263b73;color:#fff}
.MainButton:active{transform:translateY(0)}
.ContactInfo{margin-top:40px;padding:32px;background:#1f1f1f;border-radius:20px;border:1px solid #3a3a3a}
.ContactInfo h5{font-size:1.2rem;color:#f5f5f5;margin-bottom:20px;font-weight:600}
.ContactDetails{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}
.ContactItem{display:flex;align-items:center;gap:12px;color:#c8c8c8;font-size:1.05rem}
.ContactItem svg{width:20px;height:20px;fill:#C76B05}
.ContactItem a{color:#C76B05;text-decoration:none;transition:color .3s ease}
.ContactItem a:hover{color:#AB263B}
@media (max-width: 768px) {
.ConfirmationWrap{padding:60px 16px}
.SuccessHeader h1{font-size:2rem}
.IconCircle{width:100px;height:100px}
.IconCircle svg{width:48px;height:48px}
.MessageGrid{grid-template-columns:1fr;gap:24px;margin-bottom:60px}
.DetailBlock{padding:32px 24px}
.NextStepsArea{padding:40px 24px}
.NextStepsArea h2{font-size:1.8rem;margin-bottom:32px}
.StepItem{flex-direction:column;gap:16px}
.StepNumber{min-width:48px;height:48px;font-size:1.2rem}
.MainButton{padding:16px 36px;font-size:1.05rem}
.ContactDetails{flex-direction:column;gap:20px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.ConfirmationWrap{padding:70px 32px}
.SuccessHeader h1{font-size:2.4rem}
.MessageGrid{gap:32px}
}
@media (min-width: 1441px) {
.SuccessHeader h1{font-size:3.2rem}
.NextStepsArea h2{font-size:2.6rem}
.DetailBlock h3{font-size:1.7rem}
}