*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;height:100%;font-family:'Ubuntu',sans-serif;background:linear-gradient(165deg,#FFF 0%,#f8f9fa 100%);color:#202445}
body{display:flex;flex-direction:column;min-height:100vh}
.topbar{background:linear-gradient(135deg,#FFF 0%,#f5f6f8 50%,#FFF 100%);box-shadow:0 2px 8px #20244514;padding:18px 0}
.header-inner-box{max-width:1320px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}
.leftside-group{display:flex;align-items:center;gap:48px}
.logo-anchor{display:flex;align-items:center}
.brand-image{height:85px;width:85px;object-fit:contain;transition:transform .3s ease-in-out}
.brand-image:hover{transform:scale(1.05)}
.main-nav-box .navlist{list-style:none;display:flex;gap:32px;align-items:center}
.main-nav-box .navitem{position:relative}
.main-nav-box .navlink{text-decoration:none;color:#202445;font-size:16px;font-weight:400;transition:color .25s ease-in-out;padding:8px 0;display:block}
.main-nav-box .navlink:hover{color:#D3154B}
.main-nav-box .navitem.has-dropdown{position:relative}
.dropdown-menu-box{position:absolute;top:100%;left:0;background:#FFF;box-shadow:0 6px 16px #20244526;border-radius:8px;list-style:none;padding:12px 0;min-width:220px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s;z-index:100}
.main-nav-box .navitem.has-dropdown:hover .dropdown-menu-box{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-menu-box li{padding:0}
.dropdown-link{display:block;padding:10px 20px;color:#202445;text-decoration:none;font-size:15px;transition:background-color .25s ease-in-out}
.dropdown-link:hover{background-color:#f8f9fa;color:#D3154B}
.rightside-group{display:flex;align-items:center}
.contact-phone{display:flex;align-items:center;gap:8px;color:#202445;text-decoration:none;font-size:15px;font-weight:400;transition:color .25s ease-in-out}
.contact-phone:hover{color:#D3154B}
main{flex:1}
.bottombar{background:linear-gradient(135deg,#202445 0%,#2a2f5a 100%);color:#FFF;padding:48px 0 24px;margin-top:60px}
.footer-inner-wrapper{max-width:1320px;margin:0 auto;padding:0 20px}
.footer-grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:32px}
.footer-column{display:flex;flex-direction:column}
.footer-heading{font-size:19px;font-weight:700;margin-bottom:18px;color:#FFF}
.footer-description{font-size:14px;line-height:1.6;color:#ffffffd9;margin-bottom:16px}
.contact-details-box{display:flex;flex-direction:column;gap:10px}
.detail-line{font-size:14px;color:#ffffffd9;display:flex;align-items:center;gap:8px}
.footer-linklist{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-anchor{color:#ffffffd9;text-decoration:none;font-size:14px;transition:color .25s ease-in-out}
.footer-anchor:hover{color:#D3154B}
.copyright-strip{border-top:1px solid #ffffff26;padding-top:20px;text-align:center}
.copyright-text{font-size:13px;color:#ffffffb3}
.consent-banner-wrapper{position:fixed;bottom:20px;right:20px;background:#FFF;box-shadow:0 8px 24px #20244533;border-radius:2px;padding:24px;max-width:420px;z-index:1000;opacity:0;transform:translateY(20px);animation:bounceIn .6s ease-in-out .65s forwards}
@keyframes bounceIn {
0%{opacity:0;transform:translateY(20px)}
50%{opacity:1;transform:translateY(-5px)}
100%{opacity:1;transform:translateY(0)}
}
.consent-banner-wrapper.is-hidden{display:none}
.consent-content-box{display:flex;flex-direction:column;gap:16px}
.consent-message{font-size:14px;line-height:1.5;color:#202445}
.consent-actions{display:flex;gap:10px;flex-wrap:wrap}
.consent-button{padding:10px 18px;border:none;background:#202445;color:#FFF;font-size:14px;font-weight:400;cursor:pointer;transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out;border-radius:0;font-family:'Ubuntu',sans-serif}
.consent-button:hover{background:#D3154B;box-shadow:0 4px 12px #d3154b4d}
.deny-all-btn{background:#6c757d}
.deny-all-btn:hover{background:#5a6268}
.accept-all-btn{background:#D3154B}
.accept-all-btn:hover{background:#b01240}
.settings-btn{background:transparent;border:1px solid #202445;color:#202445}
.settings-btn:hover{background:#202445;color:#FFF}
.preferences-panel-wrapper{position:fixed;right:-400px;top:50%;transform:translateY(-50%);width:360px;background:#FFF;box-shadow:-4px 0 16px #20244533;padding:28px;z-index:1001;transition:right .4s ease-in-out;border-radius:8px 0 0 8px}
.preferences-panel-wrapper.is-active{right:0}
.preferences-content-box{display:flex;flex-direction:column;gap:20px}
.preferences-title{font-size:18px;font-weight:700;color:#202445;margin-bottom:8px}
.preference-item-box{display:flex;align-items:center}
.preference-label{display:flex;align-items:center;gap:10px;cursor:pointer}
.preference-checkbox{width:18px;height:18px;cursor:pointer}
.preference-text{font-size:14px;color:#202445}
.preferences-actions{display:flex;gap:10px;margin-top:12px}
.save-preferences-btn{background:#D3154B}
.save-preferences-btn:hover{background:#b01240}
.cancel-btn{background:#6c757d}
.cancel-btn:hover{background:#5a6268}
.preferences-tab-trigger{position:fixed;right:0;top:50%;transform:translateY(-50%);background:#202445;color:#FFF;border:none;padding:12px 10px;cursor:pointer;border-radius:8px 0 0 8px;box-shadow:-2px 0 8px #20244533;z-index:999;transition:background-color .25s ease-in-out;display:none}
.preferences-tab-trigger.is-visible{display:block}
.preferences-tab-trigger:hover{background:#D3154B}
@media (max-width: 768px) {
.header-inner-box{flex-direction:column;gap:20px}
.leftside-group{flex-direction:column;gap:20px}
.main-nav-box .navlist{flex-direction:column;gap:16px;text-align:center}
.dropdown-menu-box{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:8px 0;margin-top:8px}
.consent-banner-wrapper{bottom:10px;right:10px;left:10px;max-width:none}
.preferences-panel-wrapper{width:100%;right:-100%;border-radius:0}
.preferences-panel-wrapper.is-active{right:0}
.footer-grid-layout{grid-template-columns:1fr;gap:32px}
}
.program-hero{background:linear-gradient(135deg,#FFF 0%,#f8f9fa 100%);padding:80px 20px;position:relative;overflow:hidden}
.program-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#d3154b14 0%,transparent 70%);border-radius:50%}
.hero-content-wrapper{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.hero-text-zone h1{font-size:48px;color:#202445;margin-bottom:24px;line-height:1.2}
.hero-text-zone h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#D3154B 0%,#202445 100%);margin-top:20px}
.hero-text-zone p{font-size:18px;line-height:1.7;color:#4a4a4a;margin-bottom:32px}
.hero-image-zone img{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 40px #20244526}
.cta-primary{display:inline-block;padding:16px 40px;background:#D3154B;color:#FFF;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease-in-out;box-shadow:0 4px 12px #d3154b33}
.cta-primary:hover{background:#b01140;transform:translateY(-2px);box-shadow:0 6px 20px #d3154b4d}
.structure-canvas{background:#f8f9fa;padding:100px 20px;position:relative}
.structure-canvas::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#D3154B 50%,transparent 100%)}
.structure-inner{max-width:1320px;margin:0 auto}
.structure-inner h2{font-size:38px;color:#202445;text-align:center;margin-bottom:60px;position:relative}
.structure-inner h2::before{content:'';position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#D3154B}
.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.phase-card{background:#FFF;padding:40px 32px;border-radius:12px;box-shadow:0 4px 20px #0000000f;transition:all .3s ease-in-out;position:relative;overflow:hidden}
.phase-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#D3154B 0%,#202445 100%)}
.phase-card:hover{transform:translateY(-6px);box-shadow:0 8px 30px #d3154b26}
.phase-number{display:inline-block;width:50px;height:50px;background:linear-gradient(135deg,#D3154B 0%,#b01140 100%);color:#FFF;border-radius:50%;text-align:center;line-height:50px;font-size:24px;font-weight:700;margin-bottom:20px}
.phase-card h3{font-size:24px;color:#202445;margin-bottom:16px}
.phase-card p{font-size:16px;line-height:1.7;color:#5a5a5a}
.approach-surface{padding:100px 20px;background:#FFF}
.approach-container{max-width:1320px;margin:0 auto}
.approach-layout{display:flex;gap:80px;align-items:flex-start}
.approach-sidebar{flex:0 0 300px;position:sticky;top:20px}
.approach-sidebar h2{font-size:36px;color:#202445;margin-bottom:24px;line-height:1.3}
.approach-sidebar h2::before{content:'→';color:#D3154B;margin-right:12px}
.approach-sidebar p{font-size:17px;line-height:1.7;color:#5a5a5a}
.approach-details{flex:1}
.detail-item{background:linear-gradient(135deg,#f8f9fa 0%,#FFF 100%);padding:36px;margin-bottom:28px;border-radius:10px;border-left:5px solid #D3154B;transition:all .3s ease-in-out}
.detail-item:hover{border-left-width:8px;padding-left:40px}
.detail-item h4{font-size:22px;color:#202445;margin-bottom:14px;display:flex;align-items:center}
.detail-item h4::before{content:'';display:inline-block;width:28px;height:28px;background:#D3154B;color:#FFF;border-radius:50%;text-align:center;line-height:28px;margin-right:12px;font-size:16px}
.detail-item p{font-size:16px;line-height:1.7;color:#4a4a4a}
.timeline-stage{background:linear-gradient(135deg,#202445 0%,#2d325a 100%);padding:100px 20px;position:relative;overflow:hidden}
.timeline-stage::after{content:'';position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,#d3154b26 0%,transparent 70%);border-radius:50%}
.timeline-wrapper{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.timeline-wrapper h2{font-size:40px;color:#FFF;text-align:center;margin-bottom:70px}
.timeline-path{position:relative;padding-left:60px}
.timeline-path::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#D3154B 0%,#d3154b4d 100%)}
.timeline-checkpoint{position:relative;margin-bottom:50px;padding:32px;background:#ffffff0d;border-radius:12px;backdrop-filter:blur(10px);transition:all .3s ease-in-out}
.timeline-checkpoint:hover{background:#ffffff14;transform:translateX(8px)}
.timeline-checkpoint::before{content:'';position:absolute;left:-52px;top:32px;width:16px;height:16px;background:#D3154B;border:4px solid #202445;border-radius:50%;box-shadow:0 0 0 4px #d3154b33}
.checkpoint-week{font-size:14px;color:#D3154B;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.timeline-checkpoint h3{font-size:24px;color:#FFF;margin-bottom:14px}
.timeline-checkpoint p{font-size:16px;line-height:1.7;color:#fffc}
.outcomes-frame{background:#FFF;padding:100px 20px}
.outcomes-box{max-width:1320px;margin:0 auto}
.outcomes-header{text-align:center;margin-bottom:60px}
.outcomes-header h2{font-size:38px;color:#202445;margin-bottom:20px}
.outcomes-header p{font-size:18px;color:#5a5a5a;line-height:1.6;max-width:700px;margin:0 auto}
.skills-display{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.skill-category{background:linear-gradient(135deg,#f8f9fa 0%,#FFF 100%);padding:40px;border-radius:16px;box-shadow:0 6px 25px #0000000f;position:relative;overflow:hidden}
.skill-category::after{content:'';position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle,#d3154b0f 0%,transparent 70%);border-radius:50%}
.skill-category h3{font-size:26px;color:#202445;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #D3154B}
.skill-list{list-style:none;padding:0;margin:0}
.skill-list li{font-size:16px;color:#4a4a4a;padding:12px 0;padding-left:32px;position:relative;line-height:1.6}
.skill-list li::before{content:'';position:absolute;left:0;top:18px;width:20px;height:20px;background:linear-gradient(135deg,#D3154B 0%,#b01140 100%);clip-path:polygon(0% 50%,40% 90%,100% 10%,90% 0%,40% 70%,10% 40%)}
.final-cta-zone{text-align:center;margin-top:60px;padding:50px;background:linear-gradient(135deg,#202445 0%,#2d325a 100%);border-radius:20px}
.final-cta-zone h3{font-size:28px;color:#FFF;margin-bottom:20px}
.final-cta-zone p{font-size:17px;color:#ffffffd9;margin-bottom:30px}
.cta-secondary{display:inline-block;padding:16px 40px;background:#D3154B;color:#FFF;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease-in-out}
.cta-secondary:hover{background:#FFF;color:#D3154B;transform:scale(1.05)}
@media (max-width: 1024px) {
.hero-content-wrapper{grid-template-columns:1fr;gap:40px}
.phase-grid{grid-template-columns:repeat(2,1fr);gap:30px}
.approach-layout{flex-direction:column;gap:40px}
.approach-sidebar{position:static}
.skills-display{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 768px) {
.program-hero{padding:60px 20px}
.hero-text-zone h1{font-size:36px}
.phase-grid{grid-template-columns:1fr}
.structure-canvas,.approach-surface,.timeline-stage,.outcomes-frame{padding:60px 20px}
.timeline-path{padding-left:40px}
.timeline-path::before{left:10px}
.timeline-checkpoint::before{left:-42px}
}
.hero-panel{background:linear-gradient(135deg,#202445 0%,#D3154B 100%);padding:120px 20px 80px;position:relative;overflow:hidden}
.hero-panel::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);border-radius:50%}
.hero-panel::after{content:'';position:absolute;bottom:-20%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#d3154b33 0%,transparent 70%);border-radius:50%}
.hero-content-wrapper{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.hero-content-wrapper .hero-headline{font-size:48px;color:#FFF;margin:0 0 24px;font-weight:700;line-height:1.2}
.hero-content-wrapper .hero-description{font-size:20px;color:#ffffffe6;max-width:700px;line-height:1.6;margin:0 0 32px}
.hero-content-wrapper .cta-primary{display:inline-block;padding:16px 40px;background:#D3154B;color:#FFF;text-decoration:none;border-radius:8px;font-size:18px;font-weight:600;transition:all .3s ease-in-out;box-shadow:0 4px 12px #d3154b4d;position:relative;z-index:10}
.hero-content-wrapper .cta-primary:hover{background:#b01140;transform:translateY(-2px);box-shadow:0 6px 20px #d3154b66}
.benefits-container{max-width:1320px;margin:0 auto;padding:80px 20px}
.benefits-header{text-align:center;margin-bottom:60px}
.benefits-header .section-label{font-size:32px;color:#202445;margin:0 0 16px;font-weight:700}
.benefits-header .section-intro{font-size:18px;color:#666;max-width:800px;margin:0 auto;line-height:1.7}
.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.benefit-card{background:#FFF;border:2px solid #f0f0f0;border-radius:12px;padding:32px 24px;transition:all .3s ease-in-out;position:relative}
.benefit-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#D3154B 0%,#202445 100%);border-radius:12px 0 0 12px;transition:height .3s ease-in-out}
.benefit-card:hover{border-color:#D3154B;box-shadow:0 8px 24px #d3154b26;transform:translateY(-4px)}
.benefit-card:hover::before{height:100%}
.benefit-card .card-icon-box{width:56px;height:56px;background:linear-gradient(135deg,#d3154b1a 0%,#2024451a 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.benefit-card .card-icon-box .oi{font-size:28px;color:#D3154B}
.benefit-card .card-title{font-size:22px;color:#202445;margin:0 0 12px;font-weight:600}
.benefit-card .card-text{font-size:16px;color:#666;line-height:1.6;margin:0}
.approach-wrapper{background:linear-gradient(180deg,#f8f9fa 0%,#FFF 100%);padding:80px 20px}
.approach-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.approach-visual{position:relative}
.approach-visual img{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 40px #0000001f}
.approach-visual::before{content:'';position:absolute;top:-20px;left:-20px;width:120px;height:120px;background:linear-gradient(135deg,#D3154B 0%,#202445 100%);border-radius:50%;opacity:.15;z-index:-1}
.approach-content .approach-title{font-size:36px;color:#202445;margin:0 0 24px;font-weight:700;line-height:1.3}
.approach-content .approach-description{font-size:17px;color:#555;line-height:1.7;margin:0 0 28px}
.approach-features{list-style:none;padding:0;margin:0}
.approach-features .feature-item{display:flex;align-items:flex-start;margin-bottom:20px;padding-left:36px;position:relative}
.approach-features .feature-item::before{content:'';position:absolute;left:0;top:4px;width:24px;height:24px;background:linear-gradient(135deg,#D3154B 0%,#202445 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.approach-features .feature-item::after{content:'';position:absolute;left:7px;top:3px;color:#FFF;font-size:14px;font-weight:700}
.approach-features .feature-item .feature-text{font-size:16px;color:#444;line-height:1.5;margin:0}
.solutions-section{padding:80px 20px;background:#FFF}
.solutions-box{max-width:1320px;margin:0 auto}
.solutions-header-area{text-align:center;margin-bottom:50px}
.solutions-header-area .main-heading{font-size:38px;color:#202445;margin:0 0 20px;font-weight:700}
.solutions-header-area .subheading-text{font-size:18px;color:#666;max-width:750px;margin:0 auto;line-height:1.6}
.solutions-layout{display:flex;flex-direction:column;gap:24px}
.solution-row{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:stretch}
.solution-row.reverse-layout{grid-template-columns:1fr 2fr}
.solution-info-box{background:linear-gradient(135deg,#f8f9fa 0%,#FFF 100%);border:2px solid #e8e8e8;border-radius:16px;padding:40px 32px;display:flex;flex-direction:column;justify-content:center;transition:all .3s ease-in-out;position:relative}
.solution-info-box:hover{border-color:#D3154B;box-shadow:0 8px 24px #d3154b1f}
.solution-info-box .info-label{font-size:14px;color:#D3154B;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-weight:600}
.solution-info-box .info-headline{font-size:28px;color:#202445;margin:0 0 16px;font-weight:700;line-height:1.3}
.solution-info-box .info-paragraph{font-size:16px;color:#555;line-height:1.7;margin:0 0 24px}
.solution-info-box .detail-points{list-style:none;padding:0;margin:0}
.solution-info-box .detail-points .point-entry{font-size:15px;color:#444;padding-left:28px;position:relative;margin-bottom:12px;line-height:1.5}
.solution-info-box .detail-points .point-entry::before{content:'';position:absolute;left:0;top:6px;width:16px;height:16px;background:#D3154B;border-radius:50%}
.solution-visual-box{background:#202445;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:32px;position:relative;overflow:hidden}
.solution-visual-box img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.solution-visual-box::before{content:'';position:absolute;top:50%;left:50%;width:200px;height:200px;background:radial-gradient(circle,#d3154b4d 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%)}
.cta-panel{background:linear-gradient(135deg,#202445 0%,#D3154B 100%);padding:100px 20px;position:relative;overflow:hidden}
.cta-panel::before{content:'';position:absolute;top:-30%;right:-15%;width:500px;height:500px;background:radial-gradient(circle,#ffffff14 0%,transparent 70%);border-radius:50%}
.cta-panel::after{content:'';position:absolute;bottom:-25%;left:-10%;width:450px;height:450px;background:radial-gradient(circle,#ffffff0d 0%,transparent 70%);border-radius:50%}
.cta-content-area{max-width:1320px;margin:0 auto;text-align:center;position:relative;z-index:2}
.cta-content-area .cta-headline{font-size:42px;color:#FFF;margin:0 0 20px;font-weight:700;line-height:1.2}
.cta-content-area .cta-message{font-size:19px;color:#ffffffe6;max-width:700px;margin:0 auto 40px;line-height:1.6}
.cta-action-wrapper{display:flex;gap:20px;justify-content:center;align-items:center}
.cta-action-wrapper .action-button{display:inline-block;padding:18px 44px;background:#FFF;color:#D3154B;text-decoration:none;border-radius:10px;font-size:18px;font-weight:600;transition:all .3s ease-in-out;box-shadow:0 6px 20px #00000026;position:relative;z-index:10}
.cta-action-wrapper .action-button:hover{background:#f5f5f5;transform:translateY(-3px);box-shadow:0 8px 28px #0003}
.cta-action-wrapper .action-button.secondary-style{background:transparent;color:#FFF;border:2px solid #FFF}
.cta-action-wrapper .action-button.secondary-style:hover{background:#ffffff1a;border-color:#ffffffe6}
@media (max-width: 1024px) {
.hero-content-wrapper .hero-headline{font-size:38px}
.approach-inner{grid-template-columns:1fr;gap:40px}
.solution-row,.solution-row.reverse-layout{grid-template-columns:1fr}
.cta-content-area .cta-headline{font-size:34px}
}
@media (max-width: 768px) {
.hero-panel{padding:80px 20px 60px}
.hero-content-wrapper .hero-headline{font-size:32px}
.hero-content-wrapper .hero-description{font-size:17px}
.benefits-container,.approach-wrapper,.solutions-section,.cta-panel{padding:60px 20px}
.benefits-grid{grid-template-columns:1fr}
.approach-content .approach-title{font-size:28px}
.solutions-header-area .main-heading{font-size:30px}
.solution-info-box{padding:32px 24px}
.solution-info-box .info-headline{font-size:24px}
.cta-content-area .cta-headline{font-size:28px}
.cta-action-wrapper{flex-direction:column;gap:16px}
.cta-action-wrapper .action-button{width:100%;text-align:center}
}
.hero-container{max-width:1320px;margin:0 auto;padding:80px 20px;position:relative}
.hero-wrapper{display:flex;align-items:center;gap:60px}
.hero-text-area{flex:1;z-index:2}
.hero-text-area .main-heading{font-size:3.2rem;font-weight:700;color:#202445;line-height:1.2;margin-bottom:24px}
.hero-text-area .supporting-text{font-size:1.15rem;line-height:1.7;color:#4a4a6a;margin-bottom:0}
.hero-visual-area{flex:1;position:relative}
.hero-visual-area .tilted-frame{transform:rotate(-3deg);box-shadow:0 20px 60px #20244526;border-radius:12px;overflow:hidden;position:relative}
.hero-visual-area .tilted-frame::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 40%,#2024454d 100%);pointer-events:none;z-index:1}
.hero-visual-area .tilted-frame img{display:block;width:100%;height:auto}
.hero-visual-area .corner-accent{position:absolute;width:60px;height:60px;border:2px solid #D3154B}
.hero-visual-area .corner-accent.top-left{top:-12px;left:-12px;border-right:none;border-bottom:none}
.hero-visual-area .corner-accent.bottom-right{bottom:-12px;right:-12px;border-left:none;border-top:none}
.partnerships-section{background:linear-gradient(135deg,#f8f9fb 0%,#fff 100%);padding:100px 20px}
.partnerships-box{max-width:1320px;margin:0 auto}
.partnerships-box .section-label{font-size:2.6rem;font-weight:700;color:#202445;text-align:center;margin-bottom:60px;position:relative}
.partnerships-box .section-label::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#D3154B 0%,#202445 100%);margin:20px auto 0;border-radius:2px}
.collaboration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.partnership-card{background:#fff;padding:40px 30px;border-radius:16px;box-shadow:0 8px 24px #20244514;transition:all .3s ease-in-out;border:1px solid #d3154b1a}
.partnership-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #d3154b26}
.partnership-card .card-icon-holder{width:56px;height:56px;background:linear-gradient(135deg,#D3154B 0%,#a01139 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.partnership-card .card-icon-holder .oi{font-size:1.5rem;color:#fff}
.partnership-card .card-title{font-size:1.4rem;font-weight:700;color:#202445;margin-bottom:12px}
.partnership-card .card-description{font-size:1rem;line-height:1.6;color:#5a5a7a;margin-bottom:0}
.platform-idea-section{padding:100px 20px;background:#fff}
.platform-canvas{max-width:1320px;margin:0 auto;display:flex;gap:80px;align-items:center}
.platform-image-holder{flex:1}
.platform-image-holder img{width:100%;height:auto;border-radius:20px;box-shadow:0 12px 40px #2024451f}
.platform-content-area{flex:1}
.platform-content-area .subtitle-marker{font-size:.95rem;font-weight:600;color:#D3154B;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:16px;display:block}
.platform-content-area .primary-heading{font-size:2.4rem;font-weight:700;color:#202445;line-height:1.3;margin-bottom:24px;position:relative}
.platform-content-area .primary-heading::before{content:'';position:absolute;left:-30px;top:10px;width:6px;height:60%;background:linear-gradient(180deg,#D3154B 0%,#202445 100%);border-radius:3px}
.platform-content-area .narrative-text{font-size:1.05rem;line-height:1.8;color:#4a4a6a;margin-bottom:0}
.interactive-engagement-section{background:linear-gradient(23deg,#D3154B 0%,#202445 50%,#fff 100%);padding:100px 20px;position:relative;overflow:hidden}
.interactive-engagement-section::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);border-radius:50%}
.engagement-stage{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.engagement-stage .section-headline{font-size:2.8rem;font-weight:700;color:#fff;text-align:center;margin-bottom:70px}
.activity-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.activity-item{background:#fffffff2;padding:50px 40px;border-radius:20px;box-shadow:0 10px 40px #0000001a;transition:all .3s ease-in-out}
.activity-item:hover{transform:scale(1.03);box-shadow:0 16px 56px #00000026}
.activity-item .item-number{width:48px;height:48px;background:#D3154B;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;margin-bottom:20px}
.activity-item .item-headline{font-size:1.5rem;font-weight:700;color:#202445;margin-bottom:14px}
.activity-item .item-detail{font-size:1rem;line-height:1.7;color:#4a4a6a;margin-bottom:0}
.expertise-verification-section{padding:100px 20px;background:#fafbfc}
.verification-container{max-width:1320px;margin:0 auto}
.verification-container .heading-block{text-align:center;margin-bottom:70px}
.verification-container .heading-block .top-label{font-size:1rem;font-weight:600;color:#D3154B;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;display:block}
.verification-container .heading-block .main-title{font-size:2.6rem;font-weight:700;color:#202445;margin-bottom:0}
.credentials-display{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.credential-box{background:#fff;padding:45px 35px;border-radius:16px;box-shadow:0 6px 20px #2024450f;text-align:center;transition:all .3s ease-in-out;border-top:4px solid transparent}
.credential-box:hover{border-top-color:#D3154B;transform:translateY(-4px);box-shadow:0 12px 36px #2024451f}
.credential-box .icon-wrapper{width:70px;height:70px;background:linear-gradient(135deg,#d3154b1a 0%,#2024450d 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}
.credential-box .icon-wrapper .oi{font-size:1.8rem;color:#D3154B}
.credential-box .credential-heading{font-size:1.3rem;font-weight:700;color:#202445;margin-bottom:12px}
.credential-box .credential-info{font-size:.95rem;line-height:1.6;color:#5a5a7a;margin-bottom:0}
.trust-foundation-section{padding:100px 20px;background:#fff}
.trust-layer{max-width:1320px;margin:0 auto}
.trust-layer .intro-area{max-width:800px;margin:0 auto 70px;text-align:center}
.trust-layer .intro-area .anchor-heading{font-size:2.6rem;font-weight:700;color:#202445;margin-bottom:20px;position:relative;display:inline-block}
.trust-layer .intro-area .anchor-heading::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60%;height:3px;background:#D3154B;border-radius:2px}
.trust-layer .intro-area .supporting-narrative{font-size:1.1rem;line-height:1.7;color:#4a4a6a;margin-bottom:0}
.trust-elements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.trust-element{display:flex;gap:30px;align-items:flex-start}
.trust-element .visual-marker{flex-shrink:0}
.trust-element .visual-marker img{width:240px;height:180px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #2024451a}
.trust-element .text-content{flex:1}
.trust-element .text-content .element-title{font-size:1.4rem;font-weight:700;color:#202445;margin-bottom:12px}
.trust-element .text-content .element-description{font-size:1rem;line-height:1.7;color:#4a4a6a;margin-bottom:0}
.pathway-action-section{background:linear-gradient(135deg,#202445 0%,#3a3f6f 100%);padding:80px 20px;text-align:center}
.pathway-surface{max-width:900px;margin:0 auto}
.pathway-surface .call-heading{font-size:2.4rem;font-weight:700;color:#fff;margin-bottom:20px}
.pathway-surface .call-subtext{font-size:1.15rem;line-height:1.7;color:#ffffffd9;margin-bottom:40px}
.pathway-surface .action-group{display:flex;gap:20px;justify-content:center}
.pathway-surface .action-group .primary-action{padding:16px 40px;background:#D3154B;color:#fff;text-decoration:none;border-radius:8px;font-size:1.05rem;font-weight:600;transition:all .3s ease-in-out;box-shadow:0 6px 20px #d3154b4d}
.pathway-surface .action-group .primary-action:hover{background:#a01139;transform:translateY(-2px);box-shadow:0 10px 30px #d3154b66}
.pathway-surface .action-group .secondary-action{padding:16px 40px;background:transparent;color:#fff;text-decoration:none;border-radius:8px;font-size:1.05rem;font-weight:600;border:2px solid #ffffff4d;transition:all .3s ease-in-out}
.pathway-surface .action-group .secondary-action:hover{border-color:#fff;background:#ffffff1a}
@media (max-width: 1024px) {
.hero-wrapper{flex-direction:column;gap:40px}
.platform-canvas{flex-direction:column;gap:50px}
.activity-showcase{grid-template-columns:1fr;gap:30px}
.credentials-display{grid-template-columns:repeat(2,1fr);gap:30px}
.trust-elements-grid{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.hero-text-area .main-heading{font-size:2.2rem}
.partnerships-box .section-label{font-size:2rem}
.collaboration-grid{grid-template-columns:1fr;gap:30px}
.platform-content-area .primary-heading{font-size:1.8rem}
.platform-content-area .primary-heading::before{display:none}
.engagement-stage .section-headline{font-size:2rem}
.credentials-display{grid-template-columns:1fr}
.trust-element{flex-direction:column;gap:20px}
.trust-element .visual-marker img{width:100%;height:200px}
.pathway-surface .call-heading{font-size:1.8rem}
.pathway-surface .action-group{flex-direction:column;align-items:stretch}
.pathway-surface .action-group .primary-action,.pathway-surface .action-group .secondary-action{text-align:center}
}
.contact-wrapper{max-width:1320px;margin:0 auto;padding:0 20px}
.intro-surface{padding:80px 0 60px;background:linear-gradient(135deg,#FFF 0%,#f8f9fa 100%)}
.intro-surface .headline-primary{font-size:48px;font-weight:700;color:#202445;margin:0 0 24px;line-height:1.2}
.intro-surface .description-text{font-size:18px;line-height:1.7;color:#5a5a5a;max-width:720px;margin:0 0 32px}
.info-grid-layer{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:48px}
.detail-card-box{background:#FFF;padding:32px;border-radius:16px;box-shadow:0 4px 16px #20244514;transition:all .3s ease-in-out;position:relative;overflow:hidden}
.detail-card-box::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#D3154B 0%,#202445 100%);transform:scaleY(0);transition:transform .3s ease-in-out}
.detail-card-box:hover::before{transform:scaleY(1)}
.detail-card-box:hover{transform:translateY(-4px);box-shadow:0 8px 24px #d3154b26}
.card-icon-surface{width:56px;height:56px;background:linear-gradient(135deg,#D3154B 0%,#a01039 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.card-icon-surface .oi{font-size:28px;color:#FFF}
.card-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#D3154B;margin:0 0 12px}
.card-value{font-size:16px;line-height:1.6;color:#202445;margin:0}
.card-value a{color:#202445;text-decoration:none;transition:color .3s ease-in-out}
.card-value a:hover{color:#D3154B}
.form-section-canvas{padding:80px 0;background:#FFF;position:relative}
.form-section-canvas::before{content:'';position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,#D3154B 0%,#202445 50%,#D3154B 100%);opacity:.15}
.form-layout-stage{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}
.form-intro-box{position:sticky;top:40px}
.form-intro-box .section-title{font-size:38px;font-weight:700;color:#202445;margin:0 0 24px;line-height:1.3;position:relative;padding-left:16px}
.form-intro-box .section-title::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:5px;background:linear-gradient(180deg,#D3154B 0%,#202445 100%);border-radius:3px}
.form-intro-box .intro-paragraph{font-size:17px;line-height:1.7;color:#5a5a5a;margin:0 0 28px}
.benefit-list-wrapper{margin-top:32px}
.benefit-item-row{display:flex;align-items:start;gap:16px;margin-bottom:20px}
.benefit-icon-holder{width:32px;height:32px;background:linear-gradient(135deg,#D3154B 0%,#a01039 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.benefit-icon-holder .oi{font-size:16px;color:#FFF}
.benefit-text{font-size:16px;line-height:1.6;color:#202445;margin:0;padding-top:4px}
.contact-form-container{background:linear-gradient(135deg,#f8f9fa 0%,#FFF 100%);padding:48px;border-radius:20px;box-shadow:0 8px 32px #2024451f}
.form-control-group{margin-bottom:28px}
.form-control-group label{display:block;font-size:14px;font-weight:600;color:#202445;margin-bottom:10px;letter-spacing:.3px}
.form-control-group input[type="text"],.form-control-group input[type="email"],.form-control-group input[type="tel"]{width:100%;padding:16px 20px;font-size:16px;color:#202445;background:#FFF;border:2px solid #e0e0e0;border-radius:10px;transition:all .3s ease-in-out;box-sizing:border-box}
.form-control-group input:focus{outline:none;border-color:#D3154B;box-shadow:0 0 0 4px #d3154b1a}
.dropdown-wrapper-box{position:relative}
.dropdown-wrapper-box select{width:100%;padding:16px 20px;padding-right:45px;font-size:16px;color:#202445;background:#FFF;border:2px solid #e0e0e0;border-radius:10px;transition:all .3s ease-in-out;cursor:pointer;appearance:none;box-sizing:border-box}
.dropdown-wrapper-box::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:8px solid #202445;pointer-events:none}
.dropdown-wrapper-box select:focus{outline:none;border-color:#D3154B;box-shadow:0 0 0 4px #d3154b1a}
.dropdown-wrapper-box select:focus + ::after{border-top-color:#D3154B}
.radio-group-container{display:flex;gap:24px;flex-wrap:wrap}
.radio-option-wrapper{position:relative}
.radio-option-wrapper input[type="radio"]{position:absolute;opacity:0;cursor:pointer}
.radio-label-visual{display:flex;align-items:center;gap:10px;padding:14px 24px;background:#FFF;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .3s ease-in-out;font-size:15px;color:#202445;font-weight:500}
.radio-option-wrapper input[type="radio"]:checked + .radio-label-visual{background:linear-gradient(135deg,#D3154B 0%,#a01039 100%);border-color:#D3154B;color:#FFF}
.radio-label-visual::before{content:'';width:20px;height:20px;border:2px solid #e0e0e0;border-radius:50%;transition:all .3s ease-in-out;flex-shrink:0}
.radio-option-wrapper input[type="radio"]:checked + .radio-label-visual::before{border-color:#FFF;background:#FFF;box-shadow:inset 0 0 0 4px #D3154B}
.privacy-consent-box{margin:32px 0 28px}
.privacy-consent-box input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer}
.consent-label-frame{display:flex;align-items:start;gap:12px;cursor:pointer;position:relative;padding-left:32px}
.consent-label-frame::before{content:'';position:absolute;left:0;top:2px;width:20px;height:20px;border:2px solid #e0e0e0;border-radius:5px;background:#FFF;transition:all .3s ease-in-out}
.consent-label-frame::after{content:'';position:absolute;left:5px;top:5px;width:10px;height:6px;border-left:2px solid #FFF;border-bottom:2px solid #FFF;transform:rotate(-45deg) scale(0);transition:transform .2s ease-in-out}
.privacy-consent-box input[type="checkbox"]:checked + .consent-label-frame::before{background:#D3154B;border-color:#D3154B}
.privacy-consent-box input[type="checkbox"]:checked + .consent-label-frame::after{transform:rotate(-45deg) scale(1)}
.consent-text{font-size:14px;line-height:1.6;color:#5a5a5a}
.consent-text a{color:#D3154B;text-decoration:none;font-weight:600;transition:color .3s ease-in-out}
.consent-text a:hover{color:#a01039}
.submit-button-holder{display:flex;justify-content:flex-end}
.submit-action-button{padding:18px 48px;font-size:17px;font-weight:700;color:#FFF;background:linear-gradient(135deg,#D3154B 0%,#a01039 100%);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 4px 16px #d3154b4d;position:relative;z-index:10}
.submit-action-button:hover{transform:translateY(-3px);box-shadow:0 8px 24px #d3154b66}
.submit-action-button:active{transform:translateY(-1px)}
.visual-showcase-area{padding:80px 0;background:linear-gradient(135deg,#202445 0%,#2a2e5a 100%);position:relative;overflow:hidden}
.visual-showcase-area::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#d3154b26 0%,transparent 70%);border-radius:50%}
.showcase-headline{font-size:42px;font-weight:700;color:#FFF;text-align:center;margin:0 0 56px;line-height:1.3}
.image-display-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.primary-image-frame{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #0000004d}
.primary-image-frame img{width:100%;height:480px;object-fit:cover;display:block}
.secondary-image-frame{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #0000004d}
.secondary-image-frame img{width:100%;height:380px;object-fit:cover;display:block}
.insight-text-layer{background:linear-gradient(135deg,#d3154bf2 0%,#a01039f2 100%);padding:32px;border-radius:16px;margin-top:32px}
.insight-text-layer .insight-heading{font-size:22px;font-weight:700;color:#FFF;margin:0 0 16px}
.insight-text-layer .insight-description{font-size:16px;line-height:1.7;color:#ffffffe6;margin:0}
@media (max-width: 1024px) {
.form-layout-stage{grid-template-columns:1fr;gap:48px}
.form-intro-box{position:static}
.image-display-grid{grid-template-columns:1fr;gap:32px}
.primary-image-frame img{height:380px}
.secondary-image-frame img{height:320px}
}
@media (max-width: 768px) {
.intro-surface{padding:60px 0 40px}
.intro-surface .headline-primary{font-size:36px}
.info-grid-layer{grid-template-columns:1fr;gap:24px}
.form-section-canvas{padding:60px 0}
.contact-form-container{padding:32px 24px}
.form-intro-box .section-title{font-size:30px}
.radio-group-container{flex-direction:column;gap:16px}
.radio-label-visual{width:100%;justify-content:center}
.submit-button-holder{justify-content:stretch}
.submit-action-button{width:100%}
.visual-showcase-area{padding:60px 0}
.showcase-headline{font-size:32px;margin-bottom:40px}
.primary-image-frame img,.secondary-image-frame img{height:280px}
}
@media (max-width: 480px) {
.intro-surface .headline-primary{font-size:28px}
.detail-card-box{padding:24px}
.form-intro-box .section-title{font-size:26px}
.showcase-headline{font-size:26px}
}
.valueStage{max-width:1320px;margin:0 auto;padding:0 20px}
.hero-intro-canvas{padding:80px 0;background:linear-gradient(135deg,#FFF 0%,#f8f9fa 100%)}
.hero-intro-canvas .intro-surface{display:flex;align-items:center;gap:60px}
.hero-intro-canvas .textLayer{flex:1}
.hero-intro-canvas .visual-frame{flex:1}
.hero-intro-canvas .mainTitle{font-size:3rem;font-weight:700;color:#202445;margin-bottom:24px;line-height:1.2}
.hero-intro-canvas .mainTitle .accent-word{color:#D3154B;position:relative}
.hero-intro-canvas .mainTitle .accent-word::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#D3154B 0%,transparent 100%)}
.hero-intro-canvas .description-text{font-size:1.125rem;line-height:1.7;color:#495057;margin-bottom:32px}
.hero-intro-canvas .visual-frame img{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 48px #2024451f}
.story-blocks-wrapper{padding:100px 0;background:#FFF}
.story-grid-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:80px}
.story-card-box{background:linear-gradient(135deg,#f8f9fa 0%,#FFF 100%);border-radius:20px;padding:40px;position:relative;box-shadow:0 4px 24px #2024450f;transition:all .3s ease-in-out}
.story-card-box:hover{transform:translateY(-6px);box-shadow:0 12px 40px #d3154b26}
.story-card-box .iconBox{width:64px;height:64px;background:linear-gradient(135deg,#D3154B 0%,#a01039 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.story-card-box .iconBox .oi{font-size:1.75rem;color:#FFF}
.story-card-box .card-headline{font-size:1.5rem;font-weight:600;color:#202445;margin-bottom:16px}
.story-card-box .card-desc{font-size:1rem;line-height:1.7;color:#495057}
.narrative-panel{background:linear-gradient(135deg,#202445 0%,#2d304f 100%);border-radius:24px;padding:60px;color:#FFF;position:relative;overflow:hidden}
.narrative-panel::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,#d3154b26 0%,transparent 70%);pointer-events:none}
.narrative-panel .narrative-content{position:relative;z-index:2}
.narrative-panel .section-label{font-size:.875rem;text-transform:uppercase;letter-spacing:2px;color:#D3154B;margin-bottom:16px;font-weight:600}
.narrative-panel .narrative-headline{font-size:2.25rem;font-weight:700;margin-bottom:24px;line-height:1.3}
.narrative-panel .narrative-text{font-size:1.125rem;line-height:1.8;color:#ffffffe6;margin-bottom:20px}
.narrative-panel .narrative-text:last-child{margin-bottom:0}
.principles-showcase-section{padding:100px 0;background:linear-gradient(180deg,#FFF 0%,#f8f9fa 100%)}
.principles-intro-box{text-align:center;margin-bottom:64px}
.principles-intro-box .principles-headline{font-size:2.5rem;font-weight:700;color:#202445;margin-bottom:20px;position:relative;display:inline-block}
.principles-intro-box .principles-headline::before{content:'';position:absolute;top:50%;left:-80px;width:60px;height:2px;background:linear-gradient(90deg,transparent 0%,#D3154B 100%)}
.principles-intro-box .principles-headline::after{content:'';position:absolute;top:50%;right:-80px;width:60px;height:2px;background:linear-gradient(90deg,#D3154B 0%,transparent 100%)}
.principles-intro-box .principles-subtitle{font-size:1.125rem;color:#6c757d;line-height:1.6}
.principles-grid-system{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.principle-item-card{background:#FFF;border-radius:16px;padding:48px;border:2px solid transparent;transition:all .3s ease-in-out;position:relative}
.principle-item-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#D3154B 0%,#202445 100%);transition:height .3s ease-in-out;border-radius:16px 0 0 16px}
.principle-item-card:hover::before{height:100%}
.principle-item-card:hover{border-color:#d3154b33;box-shadow:0 8px 32px #d3154b1f}
.principle-item-card .principle-number{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#D3154B 0%,#202445 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;line-height:1}
.principle-item-card .principle-title{font-size:1.75rem;font-weight:600;color:#202445;margin-bottom:16px}
.principle-item-card .principle-description{font-size:1rem;line-height:1.7;color:#495057}
.visual-divider-shape{height:80px;background:linear-gradient(90deg,transparent 0%,#D3154B 50%,transparent 100%);clip-path:polygon(0 50%,100% 0,100% 100%,0 50%);margin:60px 0;opacity:.15}
@media (max-width: 1024px) {
.hero-intro-canvas .intro-surface{flex-direction:column;gap:40px}
.hero-intro-canvas .mainTitle{font-size:2.25rem}
.story-grid-layout{grid-template-columns:repeat(2,1fr);gap:32px}
.principles-grid-system{grid-template-columns:1fr;gap:32px}
.narrative-panel{padding:40px}
.principles-intro-box .principles-headline::before,.principles-intro-box .principles-headline::after{display:none}
}
@media (max-width: 768px) {
.hero-intro-canvas{padding:60px 0}
.hero-intro-canvas .mainTitle{font-size:1.875rem}
.story-blocks-wrapper{padding:60px 0}
.story-grid-layout{grid-template-columns:1fr;gap:24px;margin-bottom:48px}
.story-card-box{padding:32px}
.narrative-panel{padding:32px 24px}
.narrative-panel .narrative-headline{font-size:1.75rem}
.principles-showcase-section{padding:60px 0}
.principles-intro-box{margin-bottom:48px}
.principles-intro-box .principles-headline{font-size:2rem}
.principle-item-card{padding:32px}
.principle-item-card .principle-number{font-size:2.5rem}
.principle-item-card .principle-title{font-size:1.5rem}
}
@media (max-width: 480px) {
.valueStage{padding:0 16px}
.hero-intro-canvas .mainTitle{font-size:1.5rem}
.hero-intro-canvas .description-text{font-size:1rem}
.story-card-box{padding:24px}
.narrative-panel{padding:24px 20px}
.narrative-panel .narrative-headline{font-size:1.5rem}
.principles-intro-box .principles-headline{font-size:1.75rem}
.principle-item-card{padding:24px}
}
.policyHero{background:linear-gradient(135deg,#202445 0%,#D3154B 100%);padding:80px 20px 60px;text-align:center;position:relative;overflow:hidden}
.policyHero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#ffffff0d;border-radius:50%;z-index:1}
.policyHero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#d3154b1a;border-radius:50%;z-index:1}
.heroContentBox{max-width:900px;margin:0 auto;position:relative;z-index:2}
.heroContentBox h1{font-size:48px;color:#FFF;margin:0 0 16px;font-weight:700;letter-spacing:-.5px}
.heroContentBox .subtextLine{font-size:18px;color:#ffffffe6;margin:0;line-height:1.6}
.policyMainWrapper{max-width:1320px;margin:0 auto;padding:80px 20px}
.cookieContentArea{max-width:900px;margin:0 auto}
.policyIntroBlock{background:#FFF;padding:48px;border-radius:16px;box-shadow:0 4px 20px #20244514;margin-bottom:60px;border-left:4px solid #D3154B}
.policyIntroBlock .introText{font-size:17px;line-height:1.8;color:#202445;margin:0 0 24px}
.policyIntroBlock .introText:last-child{margin-bottom:0}
.cookieSectionBlock{margin-bottom:56px}
.cookieSectionBlock h2{font-size:32px;color:#202445;margin:0 0 24px;font-weight:700;position:relative;padding-bottom:16px}
.cookieSectionBlock h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:3px;background:linear-gradient(90deg,#D3154B 0%,#202445 100%)}
.cookieSectionBlock h3{font-size:24px;color:#202445;margin:32px 0 16px;font-weight:600}
.cookieSectionBlock .descriptionText{font-size:16px;line-height:1.8;color:#202445;margin:0 0 20px}
.cookieTypesGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:32px 0}
.cookieCardItem{background:#FFF;padding:32px 28px;border-radius:12px;box-shadow:0 2px 16px #2024450f;border:1px solid #20244514;transition:all .3s ease-in-out;position:relative}
.cookieCardItem:hover{transform:translateY(-4px);box-shadow:0 6px 24px #d3154b1f;border-color:#D3154B}
.cookieCardItem::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:#D3154B;border-radius:12px 0 0 12px;transition:height .3s ease-in-out}
.cookieCardItem:hover::before{height:100%}
.cookieCardItem h4{font-size:20px;color:#202445;margin:0 0 12px;font-weight:600}
.cookieCardItem .cardDescription{font-size:15px;line-height:1.7;color:#202445;margin:0}
.detailListBox{background:#d3154b08;padding:32px;border-radius:12px;margin:28px 0;border:1px solid #d3154b1a}
.detailListBox ul{list-style:none;padding:0;margin:0}
.detailListBox li{font-size:16px;line-height:1.7;color:#202445;margin:0 0 16px;padding-left:32px;position:relative}
.detailListBox li:last-child{margin-bottom:0}
.detailListBox li::before{content:'';position:absolute;left:0;top:8px;width:16px;height:16px;background:#D3154B;border-radius:50%;box-shadow:0 0 0 3px #d3154b33}
.controlsInfoArea{background:linear-gradient(135deg,#2024450a 0%,#d3154b0a 100%);padding:40px;border-radius:16px;margin:40px 0;border:2px solid #20244514}
.controlsInfoArea h3{font-size:24px;color:#202445;margin:0 0 20px;font-weight:600}
.controlsInfoArea .controlText{font-size:16px;line-height:1.8;color:#202445;margin:0 0 16px}
.controlsInfoArea .controlText:last-child{margin-bottom:0}
.controlsInfoArea .controlText strong{color:#D3154B;font-weight:600}
.browserInstructionBox{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:28px 0}
.browserItem{background:#FFF;padding:24px 20px;border-radius:8px;box-shadow:0 2px 12px #2024450d;text-align:center;border:1px solid #2024450f;transition:all .3s ease-in-out}
.browserItem:hover{box-shadow:0 4px 20px #d3154b1a;border-color:#D3154B}
.browserItem .browserName{font-size:18px;color:#202445;margin:0;font-weight:600}
.highlightNotice{background:#D3154B;color:#FFF;padding:28px 36px;border-radius:12px;margin:40px 0;box-shadow:0 4px 20px #d3154b33}
.highlightNotice .noticeText{font-size:16px;line-height:1.7;margin:0}
.contactInfoFooter{background:#20244508;padding:48px;border-radius:16px;margin-top:60px;text-align:center;border:1px solid #20244514}
.contactInfoFooter h3{font-size:28px;color:#202445;margin:0 0 20px;font-weight:600}
.contactInfoFooter .contactText{font-size:17px;line-height:1.7;color:#202445;margin:0 0 24px}
.contactDetailsRow{display:flex;flex-wrap:wrap;justify-content:center;gap:32px;margin-top:28px}
.contactItemBox{display:flex;align-items:center;gap:12px;font-size:16px;color:#202445}
.contactItemBox .iconCircle{width:44px;height:44px;background:linear-gradient(135deg,#D3154B 0%,#202445 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#FFF;flex-shrink:0}
.contactItemBox a{color:#D3154B;text-decoration:none;font-weight:500;transition:color .3s ease-in-out}
.contactItemBox a:hover{color:#202445}
@media (max-width: 768px) {
.heroContentBox h1{font-size:36px}
.policyIntroBlock{padding:32px 24px}
.cookieSectionBlock h2{font-size:28px}
.cookieTypesGrid{grid-template-columns:1fr}
.controlsInfoArea{padding:28px 24px}
.browserInstructionBox{grid-template-columns:1fr}
.contactDetailsRow{flex-direction:column;gap:20px}
.contactInfoFooter{padding:32px 24px}
}
@media (max-width: 480px) {
.policyHero{padding:60px 20px 40px}
.heroContentBox h1{font-size:28px}
.heroContentBox .subtextLine{font-size:16px}
.policyMainWrapper{padding:60px 20px}
}
.privacy-page-wrapper{max-width:1320px;margin:0 auto;padding:80px 20px;background:linear-gradient(165deg,#FFF 0%,#f8f9fa 100%)}
.privacy-header-box{text-align:center;margin-bottom:60px;position:relative}
.privacy-header-box::before{content:'';position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#D3154B 0%,#202445 100%);border-radius:2px}
.privacy-main-title{font-size:48px;font-weight:700;color:#202445;margin-bottom:16px;line-height:1.2}
.privacy-update-info{font-size:16px;color:#6c757d;margin-top:12px}
.privacy-content-grid{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start}
.privacy-nav-sidebar{position:sticky;top:40px;background:#FFF;padding:32px 24px;border-radius:16px;box-shadow:0 4px 20px #20244514;border-left:4px solid #D3154B}
.sidebar-title-text{font-size:18px;font-weight:700;color:#202445;margin-bottom:20px}
.nav-links-list{list-style:none;padding:0;margin:0}
.nav-links-list li{margin-bottom:12px}
.nav-anchor-link{display:block;color:#495057;text-decoration:none;font-size:15px;padding:8px 12px;border-radius:8px;transition:all .3s ease-in-out;border-left:3px solid transparent}
.nav-anchor-link:hover{background:#f8f9fa;color:#D3154B;border-left-color:#D3154B;transform:translateX(4px)}
.policy-sections-container{background:#FFF;padding:48px;border-radius:20px;box-shadow:0 8px 32px #2024451a}
.policy-section-block{margin-bottom:56px;padding-bottom:56px;border-bottom:2px solid #f1f3f5}
.policy-section-block:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.section-heading-text{font-size:32px;font-weight:700;color:#202445;margin-bottom:24px;position:relative;padding-left:20px}
.section-heading-text::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:32px;background:linear-gradient(180deg,#D3154B 0%,#202445 100%);border-radius:3px}
.section-subheading-text{font-size:22px;font-weight:600;color:#202445;margin:32px 0 16px}
.policy-paragraph-text{font-size:16px;line-height:1.8;color:#495057;margin-bottom:20px}
.policy-paragraph-text strong{color:#202445;font-weight:600}
.info-list-items{list-style:none;padding:0;margin:24px 0}
.info-list-items li{padding:12px 0 12px 32px;position:relative;font-size:16px;line-height:1.7;color:#495057}
.info-list-items li::before{content:'';position:absolute;left:0;top:20px;width:12px;height:12px;background:#D3154B;border-radius:50%;transform:translateY(-50%)}
.highlight-box-container{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:28px 32px;border-radius:12px;margin:32px 0;border-left:6px solid #D3154B;position:relative}
.highlight-box-container::after{content:'';position:absolute;top:20px;right:20px;width:48px;height:48px;background:#d3154b1a;border-radius:50%}
.contact-info-box{background:linear-gradient(135deg,#202445 0%,#2d3154 100%);padding:40px;border-radius:16px;margin-top:48px;color:#FFF;text-align:center}
.contact-info-box h3{font-size:24px;font-weight:700;margin-bottom:20px;color:#FFF}
.contact-info-box p{font-size:16px;line-height:1.7;margin-bottom:24px;color:#ffffffe6}
.contact-details-wrapper{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:28px}
.contact-item-detail{display:flex;align-items:center;gap:12px}
.contact-item-detail span{font-size:15px;color:#fffffff2}
.contact-item-detail .oi{color:#D3154B;font-size:18px}
.data-table-wrapper{overflow-x:auto;margin:32px 0;border-radius:12px;box-shadow:0 2px 12px #20244514}
.policy-data-table{width:100%;border-collapse:collapse;background:#FFF}
.policy-data-table thead{background:linear-gradient(135deg,#202445 0%,#2d3154 100%);color:#FFF}
.policy-data-table th{padding:16px 20px;text-align:left;font-weight:600;font-size:15px}
.policy-data-table td{padding:16px 20px;border-bottom:1px solid #e9ecef;font-size:15px;color:#495057}
.policy-data-table tr:last-child td{border-bottom:none}
.policy-data-table tbody tr:hover{background:#f8f9fa}
@media (max-width: 1024px) {
.privacy-content-grid{grid-template-columns:1fr;gap:40px}
.privacy-nav-sidebar{position:static;max-width:100%}
.policy-sections-container{padding:32px 24px}
.privacy-main-title{font-size:36px}
}
@media (max-width: 768px) {
.privacy-page-wrapper{padding:60px 16px}
.privacy-main-title{font-size:32px}
.section-heading-text{font-size:26px}
.policy-sections-container{padding:24px 20px}
.contact-details-wrapper{flex-direction:column;gap:20px}
.data-table-wrapper{font-size:14px}
.policy-data-table th,.policy-data-table td{padding:12px 16px}
}
.success-stage{background:linear-gradient(135deg,#FFF 0%,#f8f9fa 100%);padding:80px 20px;display:flex;justify-content:center;align-items:center;min-height:600px}
.success-stage .centered-box{max-width:680px;width:100%;margin:0 auto;text-align:center}
.success-stage .confirmation-icon-wrapper{width:140px;height:140px;margin:0 auto 40px;position:relative}
.success-stage .checkmark-circle{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#D3154B 0%,#202445 100%);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 24px #d3154b40;animation:scaleIn .5s ease-out}
@keyframes scaleIn {
0%{transform:scale(0);opacity:0}
50%{transform:scale(1.1)}
100%{transform:scale(1);opacity:1}
}
.success-stage .checkmark-circle svg{width:70px;height:70px;fill:none;stroke:#FFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;animation:drawCheck .8s ease-in-out .3s forwards;stroke-dasharray:100;stroke-dashoffset:100}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.success-stage .heading-primary{font-size:42px;font-weight:700;color:#202445;margin:0 0 20px;line-height:1.2}
.success-stage .message-text{font-size:18px;line-height:1.7;color:#4a5568;margin:0 0 50px}
.success-stage .action-buttons-wrapper{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.success-stage .button-primary{background:linear-gradient(135deg,#D3154B 0%,#b01140 100%);color:#FFF;padding:16px 40px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease-in-out;display:inline-block;box-shadow:0 4px 12px #d3154b33}
.success-stage .button-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #d3154b59}
.success-stage .button-secondary{background:#FFF;color:#202445;padding:16px 40px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease-in-out;display:inline-block;border:2px solid #202445}
.success-stage .button-secondary:hover{background:#202445;color:#FFF;transform:translateY(-3px);box-shadow:0 8px 20px #20244540}
.details-frame{background:#FFF;padding:80px 20px}
.details-frame .content-container{max-width:1320px;margin:0 auto}
.details-frame .grid-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:60px 0 0}
.details-frame .heading-section{font-size:36px;font-weight:700;color:#202445;text-align:center;margin:0 0 16px;position:relative;padding-bottom:20px}
.details-frame .heading-section::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#D3154B 0%,#202445 100%);border-radius:2px}
.details-frame .subheading-text{font-size:18px;color:#4a5568;text-align:center;line-height:1.6;max-width:720px;margin:0 auto}
.details-frame .info-card-box{background:linear-gradient(135deg,#f8f9fa 0%,#FFF 100%);padding:40px 28px;border-radius:12px;text-align:center;transition:all .3s ease-in-out;border:2px solid transparent;position:relative;overflow:hidden}
.details-frame .info-card-box::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#D3154B 0%,#202445 100%);transform:scaleX(0);transition:transform .3s ease-in-out}
.details-frame .info-card-box:hover{transform:translateY(-6px);box-shadow:0 12px 28px #20244526;border-color:#D3154B}
.details-frame .info-card-box:hover::before{transform:scaleX(1)}
.details-frame .icon-circle{width:80px;height:80px;background:linear-gradient(135deg,#D3154B 0%,#202445 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 6px 16px #d3154b33}
.details-frame .icon-circle svg{width:40px;height:40px;fill:#FFF}
.details-frame .card-title{font-size:22px;font-weight:700;color:#202445;margin:0 0 12px}
.details-frame .card-description{font-size:15px;line-height:1.6;color:#4a5568;margin:0}
@media (max-width: 1024px) {
.details-frame .grid-layout{grid-template-columns:repeat(2,1fr);gap:24px}
.success-stage .heading-primary{font-size:36px}
.details-frame .heading-section{font-size:32px}
}
@media (max-width: 768px) {
.details-frame .grid-layout{grid-template-columns:1fr;gap:20px}
.success-stage{padding:60px 20px;min-height:500px}
.success-stage .heading-primary{font-size:32px}
.success-stage .message-text{font-size:16px;margin:0 0 40px}
.success-stage .action-buttons-wrapper{flex-direction:column;gap:12px}
.success-stage .button-primary,.success-stage .button-secondary{width:100%;padding:14px 32px}
.details-frame{padding:60px 20px}
.details-frame .heading-section{font-size:28px}
.details-frame .subheading-text{font-size:16px}
.details-frame .grid-layout{margin:40px 0 0}
}
@media (max-width: 480px) {
.success-stage .confirmation-icon-wrapper{width:110px;height:110px;margin:0 auto 30px}
.success-stage .checkmark-circle{width:110px;height:110px}
.success-stage .checkmark-circle svg{width:55px;height:55px}
.success-stage .heading-primary{font-size:28px}
.details-frame .info-card-box{padding:32px 20px}
.details-frame .icon-circle{width:70px;height:70px}
.details-frame .icon-circle svg{width:35px;height:35px}
}