*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'IBM Plex Sans',sans-serif;display:flex;flex-direction:column;min-height:100vh;background-color:#fff;color:#1a1a1a;line-height:1.6}
main{flex:1}
.header-top-row{background-color:#011E44;padding:18px 0;box-shadow:0 4px 12px #011e4426}
.header-container{max-width:1400px;margin:0 auto;padding:0 24px}
.header-top-row .header-container{display:flex;justify-content:space-between;align-items:center}
.logo-holder{flex-shrink:0}
.logo-link{display:inline-block}
.site-logo{height:85px;width:85px;display:block;background-color:#fffffff2;padding:8px;border-radius:8px;box-shadow:0 2px 8px #00acc940}
.main-navigation{display:flex;gap:32px;align-items:center}
.main-navigation .nav-link{font-family:'DM Sans',sans-serif;color:#fff;text-decoration:none;font-size:16px;font-weight:400;padding:10px 16px;border-radius:6px;transition:background-color 180ms,color 180ms}
.main-navigation .nav-link:hover{background-color:#00ACC9;color:#fff}
.header-bottom-row{background:linear-gradient(135deg,#E5EEF8 0%,#fff 100%);padding:28px 0;border-bottom:2px solid #00ACC9}
.company-title-holder{text-align:center}
.company-name{font-family:'DM Sans',sans-serif;font-size:38px;font-weight:700;color:#011E44;letter-spacing:1px}
.footer-container{max-width:1400px;margin:0 auto;padding:48px 24px 24px}
footer{background:linear-gradient(180deg,#011E44 0%,#013257 100%);color:#fff;margin-top:auto}
.footer-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:42px;margin-bottom:36px}
.footer-heading{font-family:'DM Sans',sans-serif;font-size:20px;font-weight:700;margin-bottom:18px;color:#00ACC9}
.contact-details{display:flex;flex-direction:column;gap:14px}
.contact-item{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.5}
.contact-icon{color:#00ACC9;flex-shrink:0;margin-top:2px}
.contact-anchor{color:#fff;text-decoration:none;transition:color 160ms}
.contact-anchor:hover{color:#00ACC9}
.footer-navigation{display:flex;flex-direction:column;gap:10px}
.footer-link{color:#fff;text-decoration:none;font-size:15px;padding:6px 0;transition:color 160ms}
.footer-link:hover{color:#00ACC9}
.cta-description{font-size:15px;line-height:1.6;margin-bottom:20px;color:#E5EEF8}
.footer-cta-button{display:inline-block;background-color:#00ACC9;color:#fff;font-family:'DM Sans',sans-serif;font-weight:700;font-size:16px;padding:12px 28px;text-decoration:none;border-radius:0;transition:background-color 200ms,box-shadow 200ms;box-shadow:0 4px 14px #00acc959}
.footer-cta-button:hover{background-color:#008fa8;box-shadow:0 6px 18px #00acc980}
.footer-bottom{padding-top:28px;border-top:1px solid #00acc94d;text-align:center}
.copyright-text{font-size:14px;color:#E5EEF8}
.cookie-consent-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#011e44d9;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn 240ms}
.cookie-consent-overlay.hidden{display:none}
@keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
@keyframes slideInTop {
from{transform:translateY(-100%);opacity:0}
to{transform:translateY(0);opacity:1}
}
@keyframes slideOutTop {
from{transform:translateY(0);opacity:1}
to{transform:translateY(-100%);opacity:0}
}
.cookie-panel{background-color:#fff;max-width:520px;width:90%;padding:32px;box-shadow:0 12px 48px #011e4466;animation:slideInTop 280ms}
.cookie-panel.closing{animation:slideOutTop 280ms}
.cookie-header{margin-bottom:24px}
.cookie-title{font-family:'DM Sans',sans-serif;font-size:26px;font-weight:700;color:#011E44;margin-bottom:10px}
.cookie-description{font-size:15px;color:#555;line-height:1.5}
.cookie-body{margin-bottom:28px}
.cookie-category{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #E5EEF8}
.cookie-category:last-child{border-bottom:none}
.category-header{margin-bottom:8px}
.category-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:700;color:#011E44}
.category-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#00ACC9}
.category-checkbox:disabled{cursor:not-allowed}
.category-name{font-size:16px}
.category-info{font-size:14px;color:#666;line-height:1.5;margin-left:32px}
.cookie-actions{display:flex;gap:16px;justify-content:flex-end}
.cookie-button{font-family:'DM Sans',sans-serif;font-size:15px;font-weight:700;padding:12px 24px;border:none;cursor:pointer;transition:background-color 180ms,box-shadow 180ms}
.cookie-button--decline{background-color:#666;color:#fff;box-shadow:0 3px 10px #66666640}
.cookie-button--decline:hover{background-color:#555}
.cookie-button--accept{background-color:#00ACC9;color:#fff;box-shadow:0 3px 10px #00acc959}
.cookie-button--accept:hover{background-color:#008fa8;box-shadow:0 5px 16px #00acc980}
@media (max-width: 768px) {
.header-top-row .header-container{flex-direction:column;gap:20px}
.main-navigation{flex-direction:column;gap:12px;width:100%}
.main-navigation .nav-link{width:100%;text-align:center}
.company-name{font-size:28px}
.footer-content-grid{grid-template-columns:1fr;gap:32px}
.cookie-panel{width:95%;padding:24px}
.cookie-title{font-size:22px}
.cookie-actions{flex-direction:column;gap:12px}
.cookie-button{width:100%}
}
@media (max-width: 480px) {
.site-logo{height:70px;width:70px}
.company-name{font-size:24px}
}
.legal-wrapper{max-width:1400px;margin:0 auto;padding:80px 20px;background:#fff}
.legal-wrapper h1{font-size:42px;line-height:1.2;color:#011E44;margin:0 0 16px;font-weight:700}
.legal-wrapper h2{font-size:32px;line-height:1.3;color:#011E44;margin:60px 0 24px;font-weight:600}
.legal-wrapper h3{font-size:24px;line-height:1.4;color:#011E44;margin:40px 0 20px;font-weight:600}
.legal-wrapper h4{font-size:20px;line-height:1.4;color:#011E44;margin:32px 0 16px;font-weight:600}
.legal-wrapper h5{font-size:18px;line-height:1.5;color:#011E44;margin:28px 0 14px;font-weight:600}
.legal-wrapper h6{font-size:16px;line-height:1.5;color:#011E44;margin:24px 0 12px;font-weight:600}
.legal-wrapper p{font-size:16px;line-height:1.8;color:#2c3e50;margin:0 0 20px;max-width:800px}
.legal-wrapper ul{margin:0 0 24px;padding:0 0 0 24px;list-style-type:disc;max-width:800px}
.legal-wrapper ol{margin:0 0 24px;padding:0 0 0 24px;list-style-type:decimal;max-width:800px}
.legal-wrapper li{font-size:16px;line-height:1.8;color:#2c3e50;margin:0 0 12px;padding-left:8px}
.legal-wrapper ul ul{margin:12px 0 0;padding:0 0 0 24px;list-style-type:circle}
.legal-wrapper ol ol{margin:12px 0 0;padding:0 0 0 24px;list-style-type:lower-alpha}
.legal-wrapper li ul{margin-top:8px}
.legal-wrapper li ol{margin-top:8px}
.legal-wrapper a{color:#00ACC9;text-decoration:none;border-bottom:1px solid #00acc94d;transition:all 180ms ease}
.legal-wrapper a:hover{color:#011E44;border-bottom-color:#011E44}
.legal-wrapper a:focus{outline:2px solid #00ACC9;outline-offset:2px;border-radius:2px}
.legal-wrapper strong{font-weight:600;color:#011E44}
.legal-wrapper em{font-style:italic}
.legal-wrapper table{width:100%;max-width:100%;margin:32px 0;border-collapse:collapse;background:#fff;box-shadow:0 4px 12px #011e4414;border-radius:8px;overflow:hidden}
.legal-wrapper thead{background:#011E44}
.legal-wrapper thead tr{border:none}
.legal-wrapper thead th{padding:16px 20px;text-align:left;font-size:15px;font-weight:600;color:#fff;border:none}
.legal-wrapper tbody{background:#fff}
.legal-wrapper tbody tr{border-bottom:1px solid #E5EEF8;transition:background 200ms ease}
.legal-wrapper tbody tr:last-child{border-bottom:none}
.legal-wrapper tbody tr:hover{background:#e5eef866}
.legal-wrapper td{padding:16px 20px;font-size:15px;line-height:1.6;color:#2c3e50;border:none}
.legal-wrapper th{font-weight:600}
.legal-wrapper hr{border:none;height:2px;background:linear-gradient(to right,#E5EEF8,#e5eef833);margin:48px 0;max-width:800px}
.legal-wrapper div{margin:0}
.legal-wrapper blockquote{margin:32px 0;padding:20px 24px;background:#e5eef880;border-left:4px solid #00ACC9;border-radius:0 6px 6px 0;max-width:800px}
.legal-wrapper blockquote p{margin:0;color:#011E44;font-style:italic}
.legal-wrapper code{padding:2px 6px;background:#011e4414;border-radius:4px;font-family:'Courier New',monospace;font-size:14px;color:#011E44}
@media (max-width: 1024px) {
.legal-wrapper{padding:60px 30px}
.legal-wrapper h1{font-size:36px}
.legal-wrapper h2{font-size:28px;margin:50px 0 20px}
.legal-wrapper h3{font-size:22px}
}
@media (max-width: 768px) {
.legal-wrapper{padding:40px 20px}
.legal-wrapper h1{font-size:32px}
.legal-wrapper h2{font-size:24px;margin:40px 0 18px}
.legal-wrapper h3{font-size:20px}
.legal-wrapper p{font-size:15px}
.legal-wrapper li{font-size:15px}
.legal-wrapper table{font-size:14px}
.legal-wrapper thead th{padding:12px 14px;font-size:14px}
.legal-wrapper td{padding:12px 14px;font-size:14px}
}
@media (max-width: 480px) {
.legal-wrapper{padding:32px 16px}
.legal-wrapper h1{font-size:28px}
.legal-wrapper h2{font-size:22px;margin:36px 0 16px}
.legal-wrapper h3{font-size:18px}
.legal-wrapper table{display:block;overflow-x:auto;white-space:nowrap}
.legal-wrapper ul{padding-left:20px}
.legal-wrapper ol{padding-left:20px}
}
.course-title-wrap{background:linear-gradient(135deg,#E5EEF8 0%,#fff 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.course-title-wrap::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#00acc914 0%,transparent 70%);border-radius:50%}
.course-title-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.course-title-text h1{font-size:48px;color:#011E44;line-height:1.2;margin:0 0 20px;font-weight:700}
.course-title-text h1 span{display:block;margin-top:12px;color:#00ACC9}
.course-title-text .intro-statement{font-size:18px;color:#011E44;line-height:1.6;margin:0;opacity:.85}
.course-title-visual{position:relative}
.course-title-visual::before{content:'';position:absolute;top:-20px;left:-20px;width:100px;height:100px;background:repeating-linear-gradient(45deg,#00ACC9,#00ACC9 2px,transparent 2px,transparent 10px);opacity:.3;border-radius:8px}
.course-title-visual img{width:100%;height:420px;object-fit:cover;border-radius:12px;box-shadow:0 12px 32px #011e4426;position:relative;z-index:1}
.learning-pathways{background:#fff;padding:90px 20px}
.learning-pathways-holder{max-width:1400px;margin:0 auto}
.learning-pathways h2{font-size:38px;color:#011E44;text-align:center;margin:0 0 60px;font-weight:700}
.pathways-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.pathway-unit{background:#fff;border:2px solid #E5EEF8;border-radius:10px;padding:40px 30px;transition:all 220ms ease;position:relative;overflow:hidden}
.pathway-unit::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#00ACC9 0%,#011E44 100%);transform:scaleX(0);transform-origin:left;transition:transform 220ms ease}
.pathway-unit:hover{border-color:#00ACC9;box-shadow:0 8px 24px #00acc926;transform:translateY(-4px)}
.pathway-unit:hover::before{transform:scaleX(1)}
.pathway-unit h3{font-size:24px;color:#011E44;margin:0 0 16px;font-weight:600}
.pathway-unit p{font-size:16px;color:#011E44;line-height:1.7;margin:0 0 24px;opacity:.8}
.pathway-metrics{display:flex;gap:20px;margin-top:20px}
.metric-item{flex:1}
.metric-item .metric-label{font-size:12px;color:#00ACC9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;display:block;font-weight:600}
.metric-item .metric-value{font-size:22px;color:#011E44;font-weight:700;display:block}
.curriculum-structure{background:linear-gradient(180deg,#E5EEF8 0%,#fff 100%);padding:90px 20px;position:relative}
.curriculum-structure::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#00ACC9 50%,transparent 100%)}
.curriculum-holder{max-width:1400px;margin:0 auto}
.curriculum-holder h2{font-size:38px;color:#011E44;margin:0 0 50px;font-weight:700}
.modules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 50px}
.module-card{background:#fff;border-radius:10px;padding:36px;box-shadow:0 4px 16px #011e4414;position:relative}
.module-card::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:#00ACC9;border-radius:10px 0 0 10px}
.module-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.module-number{width:48px;height:48px;background:linear-gradient(135deg,#00ACC9 0%,#011E44 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;font-weight:700;flex-shrink:0}
.module-card h3{font-size:22px;color:#011E44;margin:0;font-weight:600}
.module-card .module-desc{font-size:16px;color:#011E44;line-height:1.7;margin:0 0 20px;opacity:.8}
.module-card .duration-info{display:inline-block;background:#E5EEF8;color:#011E44;padding:6px 14px;border-radius:6px;font-size:14px;font-weight:600}
.technology-focus{background:#fff;padding:90px 20px}
.technology-focus-holder{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:450px 1fr;gap:70px;align-items:start}
.tech-focus-content h2{font-size:38px;color:#011E44;margin:0 0 24px;font-weight:700}
.tech-focus-content .intro-text{font-size:18px;color:#011E44;line-height:1.7;margin:0 0 40px;opacity:.85}
.tech-skills-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tech-skill-item{background:#E5EEF8;padding:16px 20px;border-radius:8px;border-left:4px solid #00ACC9;transition:all 180ms ease}
.tech-skill-item:hover{background:#fff;box-shadow:0 4px 12px #00acc926;transform:translateX(4px)}
.tech-skill-item .skill-name{font-size:16px;color:#011E44;font-weight:600;display:block;margin-bottom:4px}
.tech-skill-item .skill-level{font-size:13px;color:#00ACC9;display:block}
.tech-visual-area{position:relative}
.progress-showcase{background:#fff;border-radius:12px;padding:40px;box-shadow:0 8px 24px #011e441a}
.progress-showcase h3{font-size:22px;color:#011E44;margin:0 0 30px;font-weight:600}
.progress-bar-item{margin-bottom:28px}
.progress-bar-item:last-child{margin-bottom:0}
.progress-label-row{display:flex;justify-content:space-between;margin-bottom:10px}
.progress-label-row .label-text{font-size:15px;color:#011E44;font-weight:600}
.progress-label-row .label-percent{font-size:15px;color:#00ACC9;font-weight:700}
.progress-bar-track{width:100%;height:10px;background:#E5EEF8;border-radius:6px;overflow:hidden;position:relative}
.progress-bar-fill{height:100%;background:linear-gradient(90deg,#00ACC9 0%,#011E44 100%);border-radius:6px;position:relative;transition:width 600ms ease}
.progress-bar-fill.prog-85{width:85%}
.progress-bar-fill.prog-92{width:92%}
.progress-bar-fill.prog-78{width:78%}
.progress-bar-fill.prog-88{width:88%}
.enrollment-section{background:linear-gradient(135deg,#011E44 0%,#00ACC9 100%);padding:90px 20px;position:relative;overflow:hidden}
.enrollment-section::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:#ffffff0d;border-radius:50%}
.enrollment-section::after{content:'';position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;background:#ffffff08;border-radius:50%}
.enrollment-holder{max-width:1400px;margin:0 auto;text-align:center;position:relative;z-index:2}
.enrollment-holder h2{font-size:42px;color:#fff;margin:0 0 20px;font-weight:700}
.enrollment-holder .enrollment-desc{font-size:19px;color:#fff;line-height:1.6;margin:0 0 40px;opacity:.95;max-width:700px;margin-left:auto;margin-right:auto}
.enrollment-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.action-button{display:inline-block;padding:16px 40px;border-radius:8px;font-size:17px;font-weight:600;text-decoration:none;transition:all 200ms ease;position:relative;z-index:10}
.action-button.primary-action{background:#fff;color:#011E44;box-shadow:0 6px 20px #00000026}
.action-button.primary-action:hover{background:#E5EEF8;transform:translateY(-2px);box-shadow:0 8px 24px #0003}
.action-button.secondary-action{background:transparent;color:#fff;border:2px solid #fff}
.action-button.secondary-action:hover{background:#ffffff1a;transform:translateY(-2px)}
@media (max-width: 1024px) {
.course-title-container{grid-template-columns:1fr;gap:40px}
.course-title-text h1{font-size:40px}
.pathways-layout{grid-template-columns:1fr}
.modules-grid{grid-template-columns:1fr}
.technology-focus-holder{grid-template-columns:1fr;gap:50px}
.tech-skills-list{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.course-title-wrap{padding:60px 20px 40px}
.course-title-text h1{font-size:32px}
.course-title-text .intro-statement{font-size:16px}
.course-title-visual img{height:300px}
.learning-pathways{padding:60px 20px}
.learning-pathways h2{font-size:30px;margin-bottom:40px}
.pathway-unit{padding:30px 24px}
.pathway-metrics{flex-direction:column;gap:12px}
.curriculum-structure{padding:60px 20px}
.curriculum-holder h2{font-size:30px}
.module-card{padding:28px}
.technology-focus{padding:60px 20px}
.tech-focus-content h2{font-size:30px}
.enrollment-section{padding:60px 20px}
.enrollment-holder h2{font-size:32px}
.enrollment-holder .enrollment-desc{font-size:17px}
.enrollment-actions{flex-direction:column;align-items:center}
.action-button{width:100%;max-width:320px}
}
.webinar-title-zone{background:linear-gradient(135deg,#E5EEF8 0%,#fff 100%);padding:80px 20px;position:relative;overflow:hidden}
.webinar-title-zone::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#00acc91f 0%,transparent 70%);border-radius:50%}
.webinar-title-zone::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#011e4414 0%,transparent 70%);border-radius:50%}
.title-holder{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.title-content-zone h1{font-size:52px;line-height:1.2;color:#011E44;margin:0 0 24px;font-weight:700}
.title-content-zone .lead-text{font-size:18px;line-height:1.7;color:#444;margin:0}
.title-visual-holder{position:relative}
.title-visual-holder img{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 12px 32px #011e4426}
.webinar-features-block{padding:100px 20px;background:#fff}
.features-wrapper{max-width:1400px;margin:0 auto}
.features-intro{text-align:center;max-width:800px;margin:0 auto 70px}
.features-intro h2{font-size:42px;color:#011E44;margin:0 0 20px;font-weight:700}
.features-intro p{font-size:17px;line-height:1.7;color:#555;margin:0}
.features-grid-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.feature-card{background:linear-gradient(135deg,#E5EEF8 0%,#fff 100%);padding:40px 32px;border-radius:10px;border:2px solid transparent;transition:all 220ms ease;position:relative}
.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00ACC9 0%,#011E44 100%);border-radius:10px 10px 0 0;opacity:0;transition:opacity 220ms ease}
.feature-card:hover{border-color:#00ACC9;transform:translateY(-6px);box-shadow:0 16px 36px #00acc92e}
.feature-card:hover::before{opacity:1}
.feature-icon-holder{width:64px;height:64px;background:linear-gradient(135deg,#00ACC9 0%,#011E44 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.feature-icon-holder svg{width:32px;height:32px;fill:#fff}
.feature-card h3{font-size:24px;color:#011E44;margin:0 0 14px;font-weight:600}
.feature-card p{font-size:16px;line-height:1.7;color:#555;margin:0}
.webinar-approach-section{padding:100px 20px;background:linear-gradient(180deg,#E5EEF8 0%,#fff 100%);position:relative}
.approach-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:50px}
.approach-header{text-align:left;max-width:700px}
.approach-header h2{font-size:42px;color:#011E44;margin:0 0 18px;font-weight:700}
.approach-header .subtitle{font-size:18px;line-height:1.7;color:#555;margin:0}
.approach-visual-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:start}
.approach-image-zone img{width:100%;height:520px;object-fit:cover;border-radius:12px;box-shadow:0 14px 34px #011e4429}
.approach-content-list{display:flex;flex-direction:column;gap:32px}
.approach-item{background:#fff;padding:32px;border-radius:10px;border-left:4px solid #00ACC9;box-shadow:0 6px 20px #00acc91a;transition:all 200ms ease}
.approach-item:hover{border-left-width:6px;box-shadow:0 10px 28px #00acc929;transform:translateX(4px)}
.approach-item h4{font-size:22px;color:#011E44;margin:0 0 12px;font-weight:600;display:flex;align-items:center;gap:12px}
.approach-item h4::before{content:'';width:8px;height:8px;background:#00ACC9;border-radius:50%;box-shadow:0 0 0 4px #00acc933}
.approach-item p{font-size:16px;line-height:1.7;color:#555;margin:0}
@media (max-width: 1200px) {
.title-holder{grid-template-columns:1fr;gap:40px}
.title-content-zone h1{font-size:44px}
.features-grid-layout{grid-template-columns:repeat(2,1fr)}
.approach-visual-grid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.webinar-title-zone{padding:60px 20px}
.title-content-zone h1{font-size:36px}
.title-content-zone .lead-text{font-size:16px}
.title-visual-holder img{height:320px}
.webinar-features-block{padding:70px 20px}
.features-intro h2{font-size:32px}
.features-grid-layout{grid-template-columns:1fr;gap:28px}
.webinar-approach-section{padding:70px 20px}
.approach-header h2{font-size:32px}
.approach-image-zone img{height:380px}
.approach-content-list{gap:24px}
.approach-item{padding:24px}
}
.intro-wrapper{max-width:1400px;margin:0 auto;padding:60px 20px;display:flex;align-items:center;gap:50px}
.intro-wrapper .visual-holder{flex:0 0 45%;position:relative}
.intro-wrapper .visual-holder img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 8px 16px #011e4426;transition:transform 250ms}
.intro-wrapper .visual-holder img:hover{transform:translateY(-4px)}
.intro-wrapper .content-holder{flex:1}
.intro-wrapper .content-holder h1{font-size:48px;line-height:1.2;color:#011E44;margin:0 0 24px;font-weight:700}
.intro-wrapper .content-holder h1 .accent-phrase{color:#00ACC9;position:relative;display:inline-block}
.intro-wrapper .content-holder h1 .accent-phrase::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#00ACC9,#00acc94d)}
.intro-wrapper .content-holder .lead-text{font-size:18px;line-height:1.7;color:#333;margin:0 0 32px}
.intro-wrapper .cta-button{display:inline-block;padding:16px 36px;background:linear-gradient(135deg,#00ACC9,#0096B0);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;box-shadow:0 4px 12px #00acc940;transition:all 200ms}
.intro-wrapper .cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00acc959}
.certification-area{background:linear-gradient(135deg,#E5EEF8,#f9fbfc);padding:80px 20px}
.certification-area .inner-holder{max-width:1400px;margin:0 auto}
.certification-area h2{font-size:36px;color:#011E44;margin:0 0 20px;font-weight:700;text-align:center}
.certification-area .section-intro{font-size:18px;line-height:1.6;color:#555;max-width:800px;margin:0 auto 50px;text-align:center}
.certification-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.cert-card{background:#fff;padding:32px;border-radius:8px;box-shadow:0 4px 10px #011e4414;transition:all 200ms}
.cert-card:hover{box-shadow:0 8px 18px #011e4426;transform:translateY(-3px)}
.cert-card .card-icon{width:48px;height:48px;background:linear-gradient(135deg,#00ACC9,#0096B0);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.cert-card .card-icon svg{width:28px;height:28px;fill:#fff}
.cert-card h3{font-size:20px;color:#011E44;margin:0 0 12px;font-weight:600}
.cert-card p{font-size:15px;line-height:1.6;color:#666;margin:0}
.practice-section{padding:80px 20px;background:#fff}
.practice-section .container-main{max-width:1400px;margin:0 auto;display:flex;gap:60px;align-items:flex-start}
.practice-section .text-column{flex:1}
.practice-section h2{font-size:36px;color:#011E44;margin:0 0 24px;font-weight:700}
.practice-section h2::before{content:'';display:block;width:60px;height:4px;background:#00ACC9;margin-bottom:16px}
.practice-section .description-text{font-size:17px;line-height:1.7;color:#555;margin:0 0 30px}
.practice-steps{display:flex;flex-direction:column;gap:20px}
.step-item{background:#F8FAFB;padding:24px;border-left:4px solid #00ACC9;border-radius:6px;transition:background 200ms}
.step-item:hover{background:#E5EEF8}
.step-item h4{font-size:18px;color:#011E44;margin:0 0 10px;font-weight:600}
.step-item p{font-size:15px;line-height:1.6;color:#666;margin:0}
.practice-section .image-column{flex:0 0 40%}
.practice-section .image-column img{width:100%;height:auto;border-radius:8px;box-shadow:0 6px 14px #011e441f}
.learning-process{background:#011E44;padding:80px 20px;position:relative;overflow:hidden}
.learning-process::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#00acc926,transparent);border-radius:50%;pointer-events:none}
.learning-process .process-holder{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.learning-process h2{font-size:36px;color:#fff;margin:0 0 50px;font-weight:700;text-align:center}
.process-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.timeline-stage{background:#ffffff14;padding:28px 20px;border-radius:8px;border:1px solid #ffffff1f;transition:all 200ms}
.timeline-stage:hover{background:#ffffff1f;transform:translateY(-4px)}
.timeline-stage .stage-number{width:40px;height:40px;background:#00ACC9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;margin-bottom:16px}
.timeline-stage h4{font-size:18px;color:#fff;margin:0 0 10px;font-weight:600}
.timeline-stage p{font-size:14px;line-height:1.6;color:#fffc;margin:0}
.expertise-showcase{padding:80px 20px;background:linear-gradient(180deg,#fff,#F8FAFB)}
.expertise-showcase .wrapper-main{max-width:1400px;margin:0 auto}
.expertise-showcase h2{font-size:36px;color:#011E44;margin:0 0 16px;font-weight:700;text-align:center;position:relative}
.expertise-showcase h2::after{content:'';display:block;width:80px;height:3px;background:linear-gradient(90deg,#00ACC9,#00acc900);margin:12px auto 0}
.expertise-showcase .intro-paragraph{font-size:17px;line-height:1.6;color:#555;max-width:900px;margin:0 auto 50px;text-align:center}
.expertise-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:60px}
.metric-block{background:#fff;padding:32px 20px;border-radius:8px;text-align:center;box-shadow:0 4px 10px #011e4414;position:relative;overflow:hidden}
.metric-block::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#00ACC9,#011E44)}
.metric-block .metric-value{font-size:42px;font-weight:700;color:#011E44;margin:0 0 8px;line-height:1}
.metric-block .metric-label{font-size:15px;color:#666;margin:0}
.expertise-content{display:flex;gap:50px;align-items:center}
.expertise-content .visual-part{flex:0 0 48%}
.expertise-content .visual-part img{width:100%;height:auto;border-radius:8px;box-shadow:0 8px 16px #011e441f}
.expertise-content .text-part{flex:1}
.expertise-content .text-part h3{font-size:28px;color:#011E44;margin:0 0 20px;font-weight:700}
.expertise-content .text-part p{font-size:16px;line-height:1.7;color:#555;margin:0 0 16px}
.expertise-content .text-part .link-action{display:inline-flex;align-items:center;gap:8px;color:#00ACC9;text-decoration:none;font-weight:600;transition:gap 200ms}
.expertise-content .text-part .link-action:hover{gap:12px}
.interaction-formats{background:#E5EEF8;padding:80px 20px}
.interaction-formats .format-holder{max-width:1400px;margin:0 auto}
.interaction-formats h2{font-size:36px;color:#011E44;margin:0 0 50px;font-weight:700;text-align:center}
.formats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.format-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 6px 14px #011e441a;transition:all 200ms}
.format-card:hover{box-shadow:0 10px 20px #011e4426;transform:translateY(-4px)}
.format-card .card-visual{width:100%;height:240px;overflow:hidden}
.format-card .card-visual img{width:100%;height:100%;object-fit:cover;transition:transform 250ms}
.format-card:hover .card-visual img{transform:scale(1.05)}
.format-card .card-body{padding:32px}
.format-card .card-body h3{font-size:24px;color:#011E44;margin:0 0 14px;font-weight:700}
.format-card .card-body p{font-size:15px;line-height:1.6;color:#666;margin:0 0 20px}
.format-card .card-body .feature-list{list-style:none;padding:0;margin:0}
.format-card .card-body .feature-list li{font-size:14px;color:#555;padding-left:24px;margin-bottom:10px;position:relative}
.format-card .card-body .feature-list li::before{content:'';position:absolute;left:0;top:6px;width:14px;height:14px;background:#00ACC9;border-radius:50%}
.social-responsibility{padding:80px 20px;background:linear-gradient(135deg,#011E44,#023859);position:relative}
.social-responsibility::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#00ACC9,#011E44)}
.social-responsibility .responsibility-wrapper{max-width:1200px;margin:0 auto;text-align:center}
.social-responsibility h2{font-size:36px;color:#fff;margin:0 0 24px;font-weight:700}
.social-responsibility .mission-text{font-size:18px;line-height:1.7;color:#ffffffe6;max-width:900px;margin:0 auto 40px}
.impact-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:50px}
.stat-card{background:#ffffff14;padding:36px 24px;border-radius:8px;border:1px solid #ffffff26;transition:background 200ms}
.stat-card:hover{background:#ffffff1f}
.stat-card .stat-number{font-size:46px;font-weight:700;color:#00ACC9;margin:0 0 10px;line-height:1}
.stat-card .stat-description{font-size:16px;color:#ffffffd9;margin:0}
.social-responsibility .cta-group{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.social-responsibility .button-primary{padding:16px 36px;background:#00ACC9;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:all 200ms;display:inline-block}
.social-responsibility .button-primary:hover{background:#0096B0;transform:translateY(-2px)}
.social-responsibility .button-secondary{padding:16px 36px;background:transparent;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;border:2px solid #ffffff4d;transition:all 200ms;display:inline-block}
.social-responsibility .button-secondary:hover{border-color:#00ACC9;background:#00acc91a}
@media (max-width: 1024px) {
.intro-wrapper{flex-direction:column;gap:40px}
.intro-wrapper .visual-holder{flex:0 0 100%;max-width:600px}
.certification-grid{grid-template-columns:repeat(2,1fr)}
.process-timeline{grid-template-columns:repeat(2,1fr)}
.expertise-metrics{grid-template-columns:repeat(2,1fr)}
.practice-section .container-main{flex-direction:column}
.practice-section .image-column{flex:0 0 100%;max-width:600px}
.expertise-content{flex-direction:column}
.expertise-content .visual-part{flex:0 0 100%;max-width:600px}
.formats-grid{grid-template-columns:1fr}
.impact-stats{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.intro-wrapper .content-holder h1{font-size:36px}
.certification-grid{grid-template-columns:1fr}
.process-timeline{grid-template-columns:1fr}
.expertise-metrics{grid-template-columns:1fr}
.certification-area h2,.practice-section h2,.learning-process h2,.expertise-showcase h2,.interaction-formats h2,.social-responsibility h2{font-size:28px}
.social-responsibility .cta-group{flex-direction:column}
.social-responsibility .button-primary,.social-responsibility .button-secondary{width:100%;text-align:center}
}
.reach-holder{max-width:1400px;margin:0 auto;padding:80px 20px}
.reach-title-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:100px}
.reach-frame-box{position:relative;padding:20px;background:linear-gradient(135deg,#e5eef866,#00acc91a);border-radius:8px}
.reach-frame-box::before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:2px dashed #011e4433;border-radius:8px;pointer-events:none}
.reach-frame-box img{width:100%;height:420px;object-fit:cover;border-radius:6px;display:block}
.reach-text-area{position:relative;padding-left:40px}
.reach-text-area::before{content:'';position:absolute;left:0;top:20px;width:6px;height:6px;background:#00ACC9;border-radius:50%;box-shadow:0 20px 0 #00ACC9,0 40px 0 #00ACC9,0 60px 0 #00acc980 0 80px 0 #00acc94d}
.reach-text-area h1{font-size:42px;color:#011E44;margin:0 0 20px;line-height:1.2}
.reach-text-area p{font-size:17px;color:#011e44bf;line-height:1.7;margin:0 0 32px}
.reach-action-set{display:flex;gap:16px;flex-wrap:wrap}
.reach-action-set a{padding:14px 32px;text-decoration:none;border-radius:6px;font-size:16px;transition:all 180ms ease;display:inline-block}
.reach-action-set a:first-child{background:#00ACC9;color:#fff;box-shadow:0 4px 14px #00acc94d}
.reach-action-set a:first-child:hover{background:#0099b3;transform:translateY(-2px);box-shadow:0 6px 20px #00acc966}
.reach-action-set a:last-child{background:transparent;color:#011E44;border:2px solid #011E44}
.reach-action-set a:last-child:hover{background:#011E44;color:#fff;transform:translateY(-2px)}
.contact-main-section{background:linear-gradient(to bottom,#fff 0%,#e5eef84d 100%);padding:80px 0 100px}
.contact-wrap-holder{max-width:1400px;margin:0 auto;padding:0 20px}
.contact-layout-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:start}
.contact-info-panel{background:#fff;padding:50px 40px;border-radius:8px;box-shadow:0 8px 30px #011e4414;position:sticky;top:40px}
.contact-info-panel h2{font-size:32px;color:#011E44;margin:0 0 12px}
.contact-info-panel .intro-text{font-size:16px;color:#011e44b3;line-height:1.6;margin:0 0 40px}
.detail-item-block{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #011e441a}
.detail-item-block:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.detail-label{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#00ACC9;margin:0 0 8px;font-weight:600}
.detail-value{font-size:17px;color:#011E44;line-height:1.6;margin:0}
.detail-value a{color:#011E44;text-decoration:none;transition:color 160ms ease}
.detail-value a:hover{color:#00ACC9}
.contact-form-panel{background:#fff;padding:60px 50px;border-radius:8px;box-shadow:0 12px 40px #011e441f;border-top:4px solid #00ACC9}
.contact-form-panel h2{font-size:36px;color:#011E44;margin:0 0 16px}
.contact-form-panel .form-intro{font-size:16px;color:#011e44b3;line-height:1.6;margin:0 0 40px}
.form-main-element{display:flex;flex-direction:column}
.name-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}
.input-field-holder{display:flex;flex-direction:column;margin-bottom:24px}
.input-field-holder label{font-size:14px;color:#011E44;margin-bottom:8px;font-weight:600}
.input-field-holder input,.input-field-holder select{padding:14px 16px;border:2px solid #011e4426;border-radius:6px;font-size:15px;color:#011E44;transition:all 180ms ease;background:#fff}
.input-field-holder input:focus,.input-field-holder select:focus{outline:none;border-color:#00ACC9;box-shadow:0 0 0 3px #00acc91a}
.input-field-holder select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23011E44' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;cursor:pointer}
.privacy-consent-box{margin:32px 0 36px;display:flex;align-items:start;gap:12px}
.privacy-consent-box input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.privacy-consent-box label{font-size:14px;color:#011e44bf;line-height:1.6;cursor:pointer}
.privacy-consent-box label a{color:#00ACC9;text-decoration:none;transition:color 160ms ease}
.privacy-consent-box label a:hover{color:#011E44;text-decoration:underline}
.submit-button-holder{display:flex;justify-content:flex-end}
.submit-button-holder button{padding:16px 48px;background:#011E44;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all 200ms ease;box-shadow:0 4px 14px #011e4440;z-index:10;position:relative}
.submit-button-holder button:hover{background:#00ACC9;transform:translateY(-2px);box-shadow:0 6px 20px #00acc959}
.submit-button-holder button:active{transform:translateY(0)}
@media (max-width: 1024px) {
.reach-title-grid{grid-template-columns:1fr;gap:40px;margin-bottom:80px}
.reach-text-area{padding-left:0}
.reach-text-area::before{display:none}
.contact-layout-grid{grid-template-columns:1fr;gap:50px}
.contact-info-panel{position:static}
}
@media (max-width: 768px) {
.reach-holder{padding:50px 20px}
.reach-text-area h1{font-size:32px}
.reach-frame-box img{height:300px}
.name-row-grid{grid-template-columns:1fr;gap:24px}
.contact-form-panel{padding:40px 30px}
.contact-info-panel{padding:40px 30px}
.submit-button-holder{justify-content:stretch}
.submit-button-holder button{width:100%}
}
@media (max-width: 480px) {
.reach-text-area h1{font-size:28px}
.reach-action-set{flex-direction:column}
.reach-action-set a{text-align:center;width:100%}
.contact-form-panel h2{font-size:28px}
.contact-info-panel h2{font-size:26px}
}
.intro-hero{position:relative;background:linear-gradient(135deg,#E5EEF8 0%,#fff 100%);padding:80px 20px 100px;overflow:hidden}
.intro-hero__cage{max-width:1400px;margin:0 auto;display:flex;gap:60px;align-items:center;position:relative;z-index:2}
.intro-hero__text-panel{flex:1;min-width:0}
.intro-hero__headline{font-size:52px;line-height:1.2;color:#011E44;margin:0 0 32px;font-weight:700}
.intro-hero__headline--accent{color:#00ACC9;position:relative;display:inline-block}
.intro-hero__headline--accent::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#00ACC9 0%,transparent 100%)}
.intro-hero__description{font-size:18px;line-height:1.7;color:#2c3e50;margin:0 0 20px}
.intro-hero__image-holder{flex:0 0 520px;position:relative}
.intro-hero__photo{width:100%;height:420px;object-fit:cover;border-radius:8px;transform:rotate(-2deg);box-shadow:0 12px 40px #011e4426}
.intro-hero__shape-accent{position:absolute;top:-20px;right:-20px;width:140px;height:140px;background:linear-gradient(135deg,#00acc933 0%,#011e441a 100%);border-radius:50%;z-index:-1}
.intro-hero__floating-ornament{position:absolute;top:10%;left:5%;width:80px;height:80px;background:#00acc91a;border-radius:50%;animation:float-gentle 6s ease-in-out infinite}
.intro-hero__floating-ornament--second{top:auto;bottom:15%;left:auto;right:8%;width:60px;height:60px;background:#011e4414;animation-delay:-3s;animation-duration:8s}
@keyframes float-gentle {
0%,100%{transform:translateY(0) translateX(0)}
50%{transform:translateY(-20px) translateX(10px)}
}
.tactics-grid{background:#fff;padding:100px 20px}
.tactics-grid__container{max-width:1400px;margin:0 auto}
.tactics-grid__intro-text{max-width:720px;margin:0 auto 70px;text-align:center}
.tactics-grid__section-title{font-size:42px;color:#011E44;margin:0 0 24px;font-weight:700;position:relative;display:inline-block}
.tactics-grid__section-title::before{content:'';position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#00ACC9;border-radius:2px}
.tactics-grid__lead{font-size:19px;line-height:1.6;color:#34495e;margin:0}
.tactics-grid__layout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.tactic-block{background:linear-gradient(135deg,#E5EEF8 0%,#fff 100%);padding:40px 32px;border-radius:10px;border:1px solid #00acc91a;transition:all 220ms ease}
.tactic-block:hover{transform:translateY(-6px);box-shadow:0 16px 48px #011e441f;border-color:#00acc94d}
.tactic-block__number{font-size:48px;font-weight:700;color:#00ACC9;margin:0 0 20px;opacity:.3}
.tactic-block__heading{font-size:22px;color:#011E44;margin:0 0 18px;font-weight:600}
.tactic-block__text{font-size:16px;line-height:1.7;color:#2c3e50;margin:0 0 16px}
.tactic-block__text:last-child{margin-bottom:0}
.approach-display{background:#011E44;padding:100px 20px;position:relative}
.approach-display::before{content:'';position:absolute;top:0;left:0;right:0;height:300px;background:linear-gradient(180deg,#00acc91a 0%,transparent 100%);pointer-events:none}
.approach-display__wrapper{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}
.approach-display__visual-side{position:relative}
.approach-display__image{width:100%;height:520px;object-fit:cover;border-radius:10px;box-shadow:0 20px 60px #0000004d}
.approach-display__stat-overlay{position:absolute;bottom:30px;right:30px;display:flex;flex-direction:column;gap:16px}
.stat-capsule{background:#fffffff2;backdrop-filter:blur(10px);padding:20px 28px;border-radius:8px;box-shadow:0 8px 24px #00000026;text-align:center}
.stat-capsule__value{font-size:32px;font-weight:700;color:#00ACC9;margin:0 0 6px}
.stat-capsule__label{font-size:13px;color:#2c3e50;text-transform:uppercase;letter-spacing:.5px;font-weight:600}
.approach-display__content-side{color:#fff}
.approach-display__title{font-size:38px;color:#fff;margin:0 0 32px;font-weight:700;line-height:1.3}
.approach-display__text-block{margin:0 0 36px}
.approach-display__paragraph{font-size:17px;line-height:1.7;color:#ffffffd9;margin:0 0 18px}
.approach-display__paragraph:last-child{margin-bottom:0}
.feature-markers{margin:0 0 40px}
.feature-markers__item{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #ffffff1a}
.feature-markers__item:last-child{border-bottom:none}
.feature-markers__icon{flex-shrink:0;color:#00ACC9}
.feature-markers__text{font-size:16px;color:#ffffffe6;line-height:1.5}
.approach-display__action-button{display:inline-block;background:#00ACC9;color:#fff;padding:16px 36px;border-radius:8px;font-size:17px;font-weight:600;text-decoration:none;transition:all 180ms ease;box-shadow:0 6px 20px #00acc94d}
.approach-display__action-button:hover{background:#008fa3;transform:translateY(-2px);box-shadow:0 10px 30px #00acc966}
@media (max-width: 1200px) {
.tactics-grid__layout{grid-template-columns:repeat(2,1fr)}
.approach-display__wrapper{gap:60px}
}
@media (max-width: 900px) {
.intro-hero__cage{flex-direction:column;gap:40px}
.intro-hero__image-holder{flex:1;width:100%;max-width:500px}
.intro-hero__headline{font-size:38px}
.tactics-grid__layout{grid-template-columns:1fr;gap:30px}
.tactics-grid__section-title{font-size:34px}
.approach-display__wrapper{grid-template-columns:1fr;gap:50px}
.approach-display__title{font-size:32px}
}
@media (max-width: 600px) {
.intro-hero{padding:60px 20px 80px}
.intro-hero__headline{font-size:32px;margin-bottom:24px}
.intro-hero__description{font-size:16px}
.intro-hero__photo{height:320px}
.tactics-grid{padding:70px 20px}
.tactics-grid__section-title{font-size:28px}
.tactics-grid__intro-text{margin-bottom:50px}
.tactic-block{padding:32px 24px}
.tactic-block__number{font-size:36px}
.tactic-block__heading{font-size:20px}
.approach-display{padding:70px 20px}
.approach-display__title{font-size:28px}
.approach-display__image{height:380px}
.approach-display__stat-overlay{flex-direction:row;bottom:20px;right:20px;left:20px}
.stat-capsule{flex:1;padding:16px 20px}
.stat-capsule__value{font-size:26px}
.stat-capsule__label{font-size:11px}
}
.success-wrapper{min-height:80vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#E5EEF8 0%,#fff 100%);padding:60px 20px}
.success-content-holder{max-width:680px;margin:0 auto;text-align:center}
.success-icon-area{position:relative;width:140px;height:140px;margin:0 auto 40px}
.success-icon-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#00acc926 0%,#011e441a 100%);border-radius:50%;animation:pulse-grow 2s ease-in-out infinite}
.success-icon-inner{position:absolute;top:15px;left:15px;right:15px;bottom:15px;background:#00ACC9;border-radius:50%;display:flex;align-items:center;justify-content:center}
.success-checkmark{width:60px;height:60px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;animation:draw-check .8s ease-out forwards;stroke-dasharray:100;stroke-dashoffset:100}
@keyframes pulse-grow {
0%,100%{transform:scale(1);opacity:1}
50%{transform:scale(1.08);opacity:.8}
}
@keyframes draw-check {
to{stroke-dashoffset:0}
}
.success-heading{font-size:42px;font-weight:700;color:#011E44;margin:0 0 20px;line-height:1.2}
.success-message{font-size:18px;line-height:1.7;color:#4a5568;margin:0 0 32px}
.success-details-box{background:#011e4408;border-left:4px solid #00ACC9;padding:28px 32px;margin:0 0 40px;border-radius:0 8px 8px 0;text-align:left}
.success-details-box p{font-size:16px;line-height:1.8;color:#2d3748;margin:0 0 14px}
.success-details-box p:last-child{margin:0}
.success-details-box strong{color:#011E44;font-weight:600}
.success-action-row{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.success-button{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:#011E44;color:#fff;text-decoration:none;font-size:16px;font-weight:600;border-radius:8px;transition:all .2s ease;box-shadow:0 4px 12px #011e4433}
.success-button:hover{background:#00ACC9;transform:translateY(-2px);box-shadow:0 6px 18px #00acc94d}
.success-button--secondary{background:transparent;color:#011E44;border:2px solid #011E44;box-shadow:none}
.success-button--secondary:hover{background:#011E44;color:#fff;border-color:#011E44}
.info-grid-section{background:#fff;padding:80px 20px}
.info-grid-container{max-width:1400px;margin:0 auto}
.info-grid-intro{max-width:720px;margin:0 auto 60px;text-align:center}
.info-grid-intro h2{font-size:36px;font-weight:700;color:#011E44;margin:0 0 18px;line-height:1.3}
.info-grid-intro p{font-size:17px;line-height:1.7;color:#4a5568;margin:0}
.info-cards-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}
.info-card-item{position:relative;background:linear-gradient(135deg,#e5eef866 0%,#ffffffe6 100%);border-radius:10px;padding:40px 32px;border:1px solid #011e4414;transition:all .22s ease}
.info-card-item::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#011E44 0%,#00ACC9 100%);border-radius:10px 10px 0 0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.info-card-item:hover{transform:translateY(-6px);box-shadow:0 12px 28px #011e4426}
.info-card-item:hover::before{transform:scaleX(1)}
.info-card-icon-holder{width:64px;height:64px;background:linear-gradient(135deg,#011E44 0%,#00ACC9 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 0 24px;box-shadow:0 6px 16px #00acc940}
.info-card-icon-holder svg{width:32px;height:32px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.info-card-item h3{font-size:22px;font-weight:700;color:#011E44;margin:0 0 14px;line-height:1.3}
.info-card-item p{font-size:15px;line-height:1.7;color:#4a5568;margin:0}
@media (max-width: 768px) {
.success-wrapper{padding:40px 20px}
.success-heading{font-size:32px}
.success-message{font-size:16px}
.success-details-box{padding:22px 24px}
.success-action-row{flex-direction:column;gap:12px}
.success-button{width:100%;justify-content:center}
.info-grid-intro h2{font-size:28px}
.info-cards-layout{grid-template-columns:1fr;gap:24px}
.info-grid-section{padding:60px 20px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.success-heading{font-size:36px}
.info-cards-layout{grid-template-columns:repeat(2,1fr)}
}