@import "https://fonts.googleapis.com/css2?family=Rubik:wght@400;600;700&display=swap";
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Rubik',sans-serif;line-height:1.6;color:#032C45;background:#F8F8F8;overflow-x:hidden}
a{text-decoration:none;color:inherit;transition:color .3s ease}
img{max-width:100%;height:auto;display:block}
.header-top-bar{background:linear-gradient(135deg,#0081f70d 0%,#032c4505 100%);border-bottom:1px solid #0081f726;padding:18px 0}
.header-wrapper{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}
.brand-zone{display:flex;align-items:center;gap:16px}
.logo-holder{width:90px;height:90px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0081f71f;padding:8px}
.logo-holder .site-logo{width:100%;height:100%;object-fit:contain}
.brand-text .company-title{font-size:26px;font-weight:700;color:#032C45;letter-spacing:-.5px}
.contact-zone{display:flex;align-items:center;gap:28px}
.contact-zone .contact-item{display:flex;align-items:center;gap:8px;font-size:15px;color:#032C45}
.contact-zone .contact-item i{color:#0081F7;font-size:18px}
.contact-zone .contact-item a{color:#032C45;font-weight:500}
.contact-zone .contact-item a:hover{color:#0081F7}
.header-nav-bar{background:#fff;border-bottom:2px solid #0081f71a;box-shadow:0 2px 8px #032c4514}
.header-nav-bar .header-wrapper{padding:0 24px}
.main-nav{display:flex;gap:4px;padding:14px 0}
.main-nav .nav-link{padding:12px 28px;font-size:16px;font-weight:500;color:#032C45;border-radius:6px;transition:all .3s ease}
.main-nav .nav-link:hover{background:#0081f714;color:#0081F7}
footer{background:linear-gradient(145deg,#e8e8e8 0%,#f5f5f5 100%);margin-top:80px;box-shadow:inset 0 8px 16px #00000008}
.footer-wrapper{max-width:1400px;margin:0 auto;padding:0 24px}
.footer-top-section{padding:56px 0 42px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}
.footer-col .footer-heading{font-size:20px;font-weight:600;color:#032C45;margin-bottom:20px;display:flex;align-items:center;gap:8px}
.footer-col .footer-heading i{color:#0081F7;font-size:22px}
.footer-col .footer-desc{font-size:15px;line-height:1.7;color:#555}
.footer-list{list-style:none}
.footer-list li{margin-bottom:12px;font-size:15px;color:#555}
.footer-list li a{color:#555;transition:color .3s ease}
.footer-list li a:hover{color:#0081F7}
.footer-mid-section{padding:28px 0;border-top:1px solid #0081f726;border-bottom:1px solid #0081f726}
.legal-links{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}
.legal-links a{font-size:14px;color:#555;font-weight:500;transition:color .3s ease}
.legal-links a:hover{color:#0081F7}
.footer-bottom-section{padding:24px 0}
.copyright-text{text-align:center;font-size:14px;color:#777}
.cookie-popup{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:90%;max-width:800px;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 -8px 32px #032c4533;z-index:10000;animation:fadeIn .4s ease}
@keyframes fadeIn {
from{opacity:0;transform:translateX(-50%) translateY(20px)}
to{opacity:1;transform:translateX(-50%) translateY(0)}
}
.cookie-popup.hiding{animation:fadeOut .4s ease forwards}
@keyframes fadeOut {
from{opacity:1;transform:translateX(-50%) translateY(0)}
to{opacity:0;transform:translateX(-50%) translateY(20px)}
}
.cookie-content{padding:32px}
.cookie-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid #F8F8F8}
.cookie-tabs .tab-button{background:transparent;border:none;padding:12px 24px;font-size:15px;font-weight:600;color:#555;cursor:pointer;position:relative;transition:color .3s ease;font-family:'Rubik',sans-serif}
.cookie-tabs .tab-button.active{color:#0081F7}
.cookie-tabs .tab-button.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#0081F7}
.tab-panel{display:none}
.tab-panel.active{display:block}
.tab-panel h3{font-size:20px;font-weight:600;color:#032C45;margin-bottom:16px}
.tab-panel p{font-size:15px;line-height:1.7;color:#555;margin-bottom:12px}
.tab-panel a{color:#0081F7;text-decoration:underline}
.cookie-actions{display:flex;gap:16px;margin-top:28px;justify-content:center}
.cookie-btn{padding:14px 36px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:'Rubik',sans-serif}
.cookie-btn.accept-btn{background:transparent;border:2px solid #0081F7;color:#0081F7}
.cookie-btn.accept-btn:hover{background:#0081f714}
.cookie-btn.decline-btn{background:transparent;border:2px solid #032C45;color:#032C45}
.cookie-btn.decline-btn:hover{background:#032c450f}
@media (max-width: 1024px) {
.footer-grid{grid-template-columns:1fr 1fr;gap:32px}
.footer-col.about-block{grid-column:1 / -1}
}
@media (max-width: 768px) {
.header-wrapper{flex-direction:column;gap:20px}
.brand-zone{width:100%;justify-content:center}
.contact-zone{flex-direction:column;gap:12px;width:100%;align-items:center}
.main-nav{flex-direction:column;align-items:center;gap:8px}
.main-nav .nav-link{width:100%;text-align:center}
.footer-grid{grid-template-columns:1fr;gap:32px}
.legal-links{flex-direction:column;gap:16px;align-items:center}
.cookie-popup{width:95%;max-width:none}
.cookie-content{padding:24px}
.cookie-actions{flex-direction:column}
.cookie-btn{width:100%}
}
@media (max-width: 480px) {
.logo-holder{width:70px;height:70px}
.brand-text .company-title{font-size:22px}
.contact-zone .contact-item{font-size:14px}
.footer-top-section{padding:42px 0 32px}
.cookie-tabs{flex-direction:column;gap:0}
.cookie-tabs .tab-button{text-align:left;padding:12px 16px}
}
.policy-box-ph{max-width:1400px;margin:0 auto;padding:60px 20px;background:#fff}
.policy-box-ph h1{font-size:2.5rem;line-height:1.2;color:#032C45;margin:0 0 40px;font-weight:700;letter-spacing:-.02em}
.policy-box-ph h2{font-size:2rem;line-height:1.3;color:#032C45;margin:50px 0 24px;font-weight:600;letter-spacing:-.01em}
.policy-box-ph h3{font-size:1.5rem;line-height:1.4;color:#032C45;margin:40px 0 20px;font-weight:600}
.policy-box-ph h4{font-size:1.25rem;line-height:1.4;color:#032C45;margin:32px 0 16px;font-weight:600}
.policy-box-ph h5{font-size:1.1rem;line-height:1.5;color:#032C45;margin:28px 0 14px;font-weight:600}
.policy-box-ph h6{font-size:1rem;line-height:1.5;color:#032C45;margin:24px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.policy-box-ph p{font-size:1.05rem;line-height:1.75;color:#333;margin:0 0 20px;max-width:800px}
.policy-box-ph ul{margin:0 0 24px;padding:0 0 0 24px;list-style-type:disc}
.policy-box-ph ol{margin:0 0 24px;padding:0 0 0 24px;list-style-type:decimal}
.policy-box-ph li{font-size:1.05rem;line-height:1.75;color:#333;margin:0 0 12px;padding-left:8px}
.policy-box-ph ul li{list-style-type:disc}
.policy-box-ph ol li{list-style-type:decimal}
.policy-box-ph ul ul{margin:12px 0;padding-left:24px}
.policy-box-ph ul ul li{list-style-type:circle}
.policy-box-ph ol ol{margin:12px 0;padding-left:24px}
.policy-box-ph ol ol li{list-style-type:lower-alpha}
.policy-box-ph strong,.policy-box-ph b{font-weight:600;color:#032C45}
.policy-box-ph em,.policy-box-ph i{font-style:italic;color:#444}
.policy-box-ph a{color:#0081F7;text-decoration:none;border-bottom:1px solid #0081f74d;transition:all .25s ease}
.policy-box-ph a:hover{color:#032C45;border-bottom-color:#032C45}
.policy-box-ph a:focus{outline:2px solid #0081F7;outline-offset:2px;border-radius:2px}
@media (max-width: 768px) {
.policy-box-ph{padding:40px 16px}
.policy-box-ph h1{font-size:2rem;margin:0 0 30px}
.policy-box-ph h2{font-size:1.65rem;margin:40px 0 20px}
.policy-box-ph h3{font-size:1.35rem;margin:32px 0 16px}
.policy-box-ph h4{font-size:1.15rem;margin:28px 0 14px}
.policy-box-ph h5{font-size:1.05rem;margin:24px 0 12px}
.policy-box-ph h6{font-size:.95rem;margin:20px 0 10px}
.policy-box-ph p{font-size:1rem;line-height:1.7;margin:0 0 18px}
.policy-box-ph li{font-size:1rem;line-height:1.7;margin:0 0 10px}
.policy-box-ph ul,.policy-box-ph ol{padding-left:20px;margin:0 0 20px}
}
@media (max-width: 480px) {
.policy-box-ph{padding:30px 12px}
.policy-box-ph h1{font-size:1.75rem}
.policy-box-ph h2{font-size:1.5rem}
.policy-box-ph h3{font-size:1.25rem}
.policy-box-ph ul,.policy-box-ph ol{padding-left:18px}
}
.program-intro{max-width:1400px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.intro-visual-side{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.intro-img-fragment{position:relative;overflow:hidden;border-radius:8px;height:280px}
.intro-img-fragment img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) grayscale(0.1)}
.intro-img-fragment:first-child{grid-column:1 / 2;transform:translateY(40px)}
.intro-img-fragment:last-child{grid-column:2 / 3;transform:translateY(-20px)}
.intro-floating-shape{position:absolute;width:120px;height:120px;background:linear-gradient(135deg,#0081f726,#032c451a);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;animation:float-gentle 8s ease-in-out infinite}
@keyframes float-gentle {
0%,100%{transform:translate(-50%,-50%) scale(1)}
50%{transform:translate(-50%,-60%) scale(1.1)}
}
.intro-text-side h1{font-size:2.8rem;line-height:1.2;margin-bottom:24px;color:#032C45}
.intro-text-side h1 .highlight-phrase{color:#0081F7;position:relative;display:inline-block}
.intro-text-side h1 .highlight-phrase::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#0081F7,#0081f74d)}
.intro-text-side p{font-size:1.1rem;line-height:1.7;color:#555;margin-bottom:16px}
.intro-text-side p:last-of-type{margin-bottom:32px}
.intro-cta-wrapper{display:flex;gap:16px;align-items:center}
.intro-primary-btn{background:#0081F7;color:#fff;padding:14px 32px;border-radius:6px;text-decoration:none;font-weight:600;transition:all .3s ease;position:relative;z-index:10}
.intro-primary-btn:hover{background:#06C;transform:translateY(-2px);box-shadow:0 6px 20px #0081f74d}
.program-details{background:linear-gradient(180deg,#F8F8F8 0%,#fff 100%);padding:100px 20px}
.details-holder{max-width:1400px;margin:0 auto}
.details-header{text-align:center;margin-bottom:70px}
.details-header h2{font-size:2.4rem;color:#032C45;margin-bottom:16px;position:relative;display:inline-block}
.details-header h2::before{content:'';position:absolute;top:-12px;left:-20px;width:40px;height:40px;background:#0081f71a;border-radius:50%;z-index:-1}
.details-header p{font-size:1.15rem;color:#666;max-width:700px;margin:0 auto}
.curriculum-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-bottom:60px}
.module-card{background:#fff;padding:32px;border-radius:10px;box-shadow:0 4px 12px #0000000f;border-left:4px solid #0081F7;transition:all .3s ease;position:relative}
.module-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #0081f726}
.module-number{position:absolute;top:-16px;right:24px;width:48px;height:48px;background:linear-gradient(135deg,#0081F7,#032C45);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;box-shadow:0 4px 12px #0081f74d}
.module-card h3{font-size:1.5rem;color:#032C45;margin-bottom:14px}
.module-card p{color:#666;line-height:1.6;margin-bottom:20px}
.module-topics{list-style:none;padding:0;margin:0}
.module-topics li{padding:8px 0;color:#555;position:relative;padding-left:28px}
.module-topics li::before{content:'';position:absolute;left:0;top:14px;width:16px;height:2px;background:#0081F7}
.learning-path{background:#fff;padding:50px;border-radius:12px;box-shadow:0 6px 20px #00000014}
.learning-path h3{font-size:1.8rem;color:#032C45;margin-bottom:32px;text-align:center}
.path-stages{display:flex;justify-content:space-between;gap:24px;position:relative}
.path-stages::before{content:'';position:absolute;top:30px;left:60px;right:60px;height:2px;background:linear-gradient(90deg,#0081F7,#032C45);z-index:0}
.stage-item{flex:1;text-align:center;position:relative;z-index:1}
.stage-icon{width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(135deg,#0081F7,#032C45);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;box-shadow:0 4px 16px #0081f740}
.stage-item h4{font-size:1.1rem;color:#032C45;margin-bottom:8px}
.stage-item p{font-size:.95rem;color:#666;line-height:1.5}
@media (max-width: 968px) {
.program-intro{grid-template-columns:1fr;gap:40px;padding:60px 20px}
.intro-text-side h1{font-size:2.2rem}
.curriculum-grid{grid-template-columns:1fr}
.path-stages{flex-direction:column;gap:32px}
.path-stages::before{display:none}
.learning-path{padding:30px 20px}
}
@media (max-width: 640px) {
.intro-visual-side{grid-template-columns:1fr}
.intro-img-fragment:first-child,.intro-img-fragment:last-child{transform:none;grid-column:1 / 2}
.intro-text-side h1{font-size:1.9rem}
.intro-cta-wrapper{flex-direction:column;align-items:stretch}
.intro-primary-btn{text-align:center}
.details-header h2{font-size:2rem}
.module-card{padding:24px}
}
.title-holder{max-width:1400px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:40% 1fr;gap:60px;align-items:center;position:relative}
.title-holder::before{content:'';position:absolute;top:40px;left:40px;right:40px;bottom:40px;border:2px solid #0081f733;pointer-events:none}
.image-wrapper{position:relative}
.image-wrapper img{width:100%;height:480px;object-fit:cover;border-radius:8px;filter:contrast(1.1)}
.title-content h1{font-size:2.8rem;line-height:1.2;color:#032C45;margin:0 0 24px}
.title-content h1 span{display:block;margin-top:12px}
.title-content .description{font-size:1.1rem;line-height:1.7;color:#444}
.resources-section{max-width:1400px;margin:0 auto;padding:100px 20px;background:linear-gradient(135deg,#0081f70d 0%,#f8f8f8cc 100%)}
.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.resource-card{background:#fff;padding:40px 32px;border-radius:12px;box-shadow:0 4px 12px #032c4514;transition:all .3s ease;border-top:4px solid transparent}
.resource-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0081f726;border-top-color:#0081F7}
.resource-card i{font-size:2.4rem;color:#0081F7;display:block;margin-bottom:20px}
.resource-card h3{font-size:1.4rem;color:#032C45;margin:0 0 16px}
.resource-card p{font-size:1rem;line-height:1.6;color:#666;margin:0}
.formats-display{max-width:1400px;margin:0 auto;padding:100px 20px}
.formats-display h2{font-size:2.2rem;color:#032C45;text-align:center;margin:0 0 60px;position:relative}
.formats-display h2::after{content:'';position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#0081F7,#032C45)}
.format-tabs{display:flex;gap:0;margin-bottom:40px;border-bottom:2px solid #F8F8F8}
.format-tabs input[type="radio"]{display:none}
.format-tabs label{flex:1;padding:20px 32px;text-align:center;font-size:1.1rem;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;position:relative;z-index:5}
.format-tabs input[type="radio"]:checked + label{color:#0081F7;border-bottom-color:#0081F7;background:#0081f70d}
.format-panel{display:none;padding:48px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #032c450f}
#tab-video:checked ~ .panel-wrapper .panel-video,#tab-text:checked ~ .panel-wrapper .panel-text,#tab-interactive:checked ~ .panel-wrapper .panel-interactive{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.format-panel img{width:100%;height:320px;object-fit:cover;border-radius:8px}
.panel-description h4{font-size:1.6rem;color:#032C45;margin:0 0 20px}
.panel-description p{font-size:1.05rem;line-height:1.7;color:#555;margin-bottom:16px}
.feature-list{list-style:none;padding:0;margin:24px 0 0}
.feature-list li{padding:12px 0;padding-left:32px;position:relative;color:#444}
.feature-list li::before{content:'→';position:absolute;left:0;color:#0081F7;font-weight:700}
.progress-tracker{max-width:1400px;margin:0 auto;padding:100px 20px;background:#032C45;color:#fff}
.tracker-heading{text-align:center;margin-bottom:60px}
.tracker-heading h2{font-size:2.2rem;margin:0 0 16px;color:#fff}
.tracker-heading p{font-size:1.1rem;color:#fffc;margin:0}
.timeline-container{display:flex;justify-content:space-between;align-items:flex-start;gap:0;position:relative}
.timeline-container::before{content:'';position:absolute;top:60px;left:10%;right:10%;height:3px;background:linear-gradient(90deg,#0081f74d 0%,#0081F7 50%,#0081f74d 100%);z-index:1}
.stage-item{flex:1;text-align:center;position:relative;z-index:2}
.stage-marker{width:120px;height:120px;margin:0 auto 24px;border-radius:50%;background:linear-gradient(135deg,#0081F7,#032C45);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;box-shadow:0 8px 16px #0081f74d}
.stage-item h4{font-size:1.2rem;margin:0 0 12px;color:#0081F7}
.stage-item p{font-size:.95rem;color:#ffffffb3;margin:0;padding:0 12px}
.download-zone{max-width:1400px;margin:0 auto;padding:100px 20px}
.download-grid{display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:center}
.download-info h2{font-size:2.4rem;color:#032C45;margin:0 0 24px}
.download-info p{font-size:1.1rem;line-height:1.7;color:#555;margin-bottom:20px}
.download-options{margin-top:40px}
.download-btn{display:flex;align-items:center;gap:20px;padding:24px 32px;margin-bottom:20px;background:#fff;border:2px solid #F8F8F8;border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;color:#032C45}
.download-btn:hover{border-color:#0081F7;background:#0081f70d;transform:translateX(8px);box-shadow:0 4px 12px #0081f726}
.download-btn i{font-size:2rem;color:#0081F7}
.download-btn-text h5{margin:0 0 6px;font-size:1.2rem;color:#032C45}
.download-btn-text span{font-size:.9rem;color:#777}
.download-stats{background:linear-gradient(135deg,#0081f71a,#032c450d);padding:48px;border-radius:12px;text-align:center}
.stat-number{font-size:3.2rem;font-weight:700;color:#0081F7;display:block;margin-bottom:8px}
.stat-label{font-size:1rem;color:#032C45;display:block;margin-bottom:32px}
@media (max-width: 968px) {
.title-holder{grid-template-columns:1fr;gap:40px;padding:60px 20px}
.title-content h1{font-size:2.2rem}
.resources-grid{grid-template-columns:1fr;gap:24px}
.format-tabs{flex-direction:column}
#tab-video:checked ~ .panel-wrapper .panel-video,#tab-text:checked ~ .panel-wrapper .panel-text,#tab-interactive:checked ~ .panel-wrapper .panel-interactive{grid-template-columns:1fr}
.timeline-container{flex-direction:column;gap:40px}
.timeline-container::before{display:none}
.download-grid{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 640px) {
.title-holder::before{display:none}
.image-wrapper img{height:300px}
.title-content h1{font-size:1.8rem}
.format-panel{padding:32px 20px}
.stage-marker{width:90px;height:90px;font-size:1.6rem}
}
.hero-cover{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#032C45 0%,#0081F7 100%);overflow:hidden}
.hero-cover::before{content:'';position:absolute;inset:0;background-image:url(./webinar_visuals/11-3002-05-review5.jpg);background-size:cover;background-position:center;opacity:.15;filter:grayscale(20%)}
.hero-cover::after{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none}
.hero-cover .intro-box{position:relative;z-index:2;max-width:780px;text-align:center;padding:2rem}
.hero-cover .intro-box h1{color:#F8F8F8;font-size:3.2rem;font-weight:700;margin:0 0 1.5rem;line-height:1.15}
.hero-cover .intro-box p{color:#f8f8f8e6;font-size:1.25rem;line-height:1.6;margin:0}
.community-hub{background:#F8F8F8;padding:5rem 1rem}
.community-hub .content-wrap{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.community-hub .text-holder h2{color:#032C45;font-size:2.5rem;margin:0 0 1.5rem;font-weight:700}
.community-hub .text-holder p{color:#032C45;font-size:1.1rem;line-height:1.7;margin:0 0 1.2rem}
.community-hub .img-frame{border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #032c451f}
.community-hub .img-frame img{width:100%;height:auto;display:block;object-fit:cover}
.community-hub .collab-list{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-direction:column;gap:.8rem}
.community-hub .collab-list li{padding-left:1.8rem;position:relative;color:#032C45;font-size:1.05rem}
.community-hub .collab-list li::before{content:'';position:absolute;left:0;top:.5rem;width:8px;height:8px;background:#0081F7;border-radius:50%}
.pricing-segment{background:linear-gradient(180deg,#fff 0%,#F8F8F8 100%);padding:5rem 1rem}
.pricing-segment .frame-container{max-width:1400px;margin:0 auto}
.pricing-segment .segment-header{text-align:center;margin-bottom:3rem}
.pricing-segment .segment-header h2{color:#032C45;font-size:2.5rem;margin:0 0 1rem;font-weight:700}
.pricing-segment .segment-header p{color:#032C45;font-size:1.15rem;max-width:700px;margin:0 auto}
.pricing-segment .plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.5rem}
.pricing-segment .plan-card{background:#fff;border-radius:10px;padding:2.5rem 2rem;box-shadow:0 4px 16px #0081f714;transition:transform .3s ease,box-shadow .3s ease;position:relative}
.pricing-segment .plan-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0081f72e}
.pricing-segment .plan-card.featured{border:2px solid #0081F7}
.pricing-segment .plan-card.featured::before{content:'Populară';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#0081F7;color:#F8F8F8;padding:.3rem 1.2rem;border-radius:20px;font-size:.85rem;font-weight:600}
.pricing-segment .plan-title{color:#032C45;font-size:1.5rem;margin:0 0 1rem;font-weight:600}
.pricing-segment .plan-price{color:#0081F7;font-size:2.8rem;font-weight:700;margin:0 0 .5rem}
.pricing-segment .plan-duration{color:#032C45;font-size:1rem;margin:0 0 2rem;opacity:.7}
.pricing-segment .feature-items{list-style:none;padding:0;margin:0 0 2rem}
.pricing-segment .feature-items li{padding:.7rem 0;color:#032C45;font-size:1rem;border-bottom:1px solid #032c451a;display:flex;align-items:center;gap:.8rem}
.pricing-segment .feature-items li::before{content:'✓';color:#0081F7;font-weight:700;font-size:1.2rem}
.pricing-segment .plan-card a{display:block;text-align:center;background:#0081F7;color:#F8F8F8;padding:.9rem 2rem;border-radius:6px;text-decoration:none;font-weight:600;transition:background .3s ease}
.pricing-segment .plan-card a:hover{background:#032C45}
.adaptive-pathway{background:#032C45;padding:5rem 1rem;position:relative;overflow:hidden}
.adaptive-pathway::before{content:'';position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,#0081f726 0%,transparent 70%);pointer-events:none}
.adaptive-pathway .layout-holder{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.adaptive-pathway .section-intro{text-align:center;margin-bottom:3.5rem}
.adaptive-pathway .section-intro h2{color:#F8F8F8;font-size:2.5rem;margin:0 0 1rem;font-weight:700}
.adaptive-pathway .section-intro p{color:#f8f8f8d9;font-size:1.15rem;max-width:750px;margin:0 auto}
.adaptive-pathway .feature-split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem}
.adaptive-pathway .feature-box{background:#f8f8f80d;border-radius:8px;padding:2.5rem;border-left:4px solid #0081F7}
.adaptive-pathway .feature-box h3{color:#0081F7;font-size:1.5rem;margin:0 0 1rem;font-weight:600}
.adaptive-pathway .feature-box p{color:#F8F8F8;font-size:1.05rem;line-height:1.7;margin:0}
.adaptive-pathway .progress-display{margin-top:3rem;background:#f8f8f80d;border-radius:8px;padding:2rem}
.adaptive-pathway .progress-row{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}
.adaptive-pathway .progress-row:last-child{margin-bottom:0}
.adaptive-pathway .progress-label{color:#F8F8F8;font-size:1rem;min-width:180px;font-weight:500}
.adaptive-pathway .progress-bar-holder{flex:1;height:12px;background:#f8f8f81a;border-radius:20px;overflow:hidden;position:relative}
.adaptive-pathway .progress-bar-fill{height:100%;background:linear-gradient(90deg,#0081F7 0%,#032C45 100%);border-radius:20px;transition:width 1s ease}
.adaptive-pathway .progress-value{color:#0081F7;font-size:1rem;font-weight:700;min-width:50px;text-align:right}
.toolkit-showcase{background:#F8F8F8;padding:5rem 1rem}
.toolkit-showcase .container-data{max-width:1400px;margin:0 auto}
.toolkit-showcase .toolkit-header{margin-bottom:3rem}
.toolkit-showcase .toolkit-header h2{color:#032C45;font-size:2.5rem;margin:0 0 1rem;font-weight:700}
.toolkit-showcase .toolkit-header p{color:#032C45;font-size:1.15rem;line-height:1.7;max-width:800px}
.toolkit-showcase .tool-display{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;margin-top:2.5rem}
.toolkit-showcase .tool-block{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 6px 18px #032c4514;display:flex;gap:1.5rem;align-items:flex-start}
.toolkit-showcase .tool-icon{width:60px;height:60px;background:linear-gradient(135deg,#0081F7 0%,#032C45 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.toolkit-showcase .tool-icon svg{width:32px;height:32px;fill:#F8F8F8}
.toolkit-showcase .tool-content h3{color:#032C45;font-size:1.4rem;margin:0 0 .8rem;font-weight:600}
.toolkit-showcase .tool-content p{color:#032C45;font-size:1.05rem;line-height:1.6;margin:0}
.toolkit-showcase .visual-asset{margin-top:3rem;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #032c451f}
.toolkit-showcase .visual-asset img{width:100%;height:auto;display:block;object-fit:cover}
.learner-stories{background:linear-gradient(135deg,#032C45 0%,#0081F7 100%);padding:5rem 1rem;position:relative}
.learner-stories::before{content:'';position:absolute;inset:0;background-image:url(./webinar_visuals/tempcontent-image-8.jpg);background-size:cover;background-position:center;opacity:.08}
.learner-stories .story-wrapper{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.learner-stories .story-intro{text-align:center;margin-bottom:3.5rem}
.learner-stories .story-intro h2{color:#F8F8F8;font-size:2.5rem;margin:0 0 1rem;font-weight:700}
.learner-stories .story-intro p{color:#f8f8f8e6;font-size:1.15rem;max-width:750px;margin:0 auto}
.learner-stories .testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.5rem}
.learner-stories .testimonial-card{background:#f8f8f8f2;border-radius:10px;padding:2rem;box-shadow:0 6px 20px #00000026}
.learner-stories .quote-mark{color:#0081F7;font-size:3rem;line-height:1;margin:0 0 1rem;font-weight:700}
.learner-stories .testimonial-card p{color:#032C45;font-size:1.05rem;line-height:1.7;margin:0 0 1.5rem;font-style:italic}
.learner-stories .author-info{display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid #032c4533}
.learner-stories .author-avatar{width:50px;height:50px;background:linear-gradient(135deg,#0081F7 0%,#032C45 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#F8F8F8;font-weight:700;font-size:1.2rem;flex-shrink:0}
.learner-stories .author-details h4{color:#032C45;font-size:1.1rem;margin:0;font-weight:600}
.learner-stories .author-details span{color:#0081F7;font-size:.95rem;font-weight:500}
@media (max-width: 1024px) {
.hero-cover .intro-box h1{font-size:2.5rem}
.community-hub .content-wrap,.adaptive-pathway .feature-split{grid-template-columns:1fr;gap:2.5rem}
.pricing-segment .plan-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}
.toolkit-showcase .tool-display{grid-template-columns:1fr}
.learner-stories .testimonial-grid{grid-template-columns:1fr;max-width:600px;margin-left:auto;margin-right:auto}
}
@media (max-width: 768px) {
.hero-cover{min-height:400px}
.hero-cover .intro-box h1{font-size:2rem}
.hero-cover .intro-box p{font-size:1.1rem}
.community-hub,.pricing-segment,.adaptive-pathway,.toolkit-showcase,.learner-stories{padding:3rem 1rem}
.community-hub .text-holder h2,.pricing-segment .segment-header h2,.adaptive-pathway .section-intro h2,.toolkit-showcase .toolkit-header h2,.learner-stories .story-intro h2{font-size:2rem}
.adaptive-pathway .progress-row{flex-direction:column;align-items:flex-start;gap:.8rem}
.adaptive-pathway .progress-label{min-width:auto}
.adaptive-pathway .progress-bar-holder{width:100%}
.toolkit-showcase .tool-block{flex-direction:column}
}
.title-area{background:linear-gradient(135deg,#0081F7 0%,#032C45 100%);padding:80px 20px;position:relative;overflow:hidden}
.title-area::before{content:'';position:absolute;width:400px;height:400px;background:#f8f8f81a;border-radius:50%;top:-150px;right:-100px}
.title-area::after{content:'';position:absolute;width:250px;height:250px;background:#0081f74d;border-radius:45% 55% 60% 40%;bottom:-80px;left:-60px;transform:rotate(25deg)}
.title-content-wrapper{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.title-text-block h1{font-size:3.2rem;color:#F8F8F8;margin:0 0 24px;font-weight:700;line-height:1.2}
.title-text-block .subtitle-text{font-size:1.1rem;color:#f8f8f8e6;line-height:1.6;margin:0}
.title-image-holder{position:relative}
.title-image-holder img{width:100%;height:420px;object-fit:cover;border-radius:12px;display:block;box-shadow:0 8px 24px #0003}
.title-image-holder::before{content:'';position:absolute;inset:0;border-radius:12px;background:radial-gradient(circle at 50% 50%,transparent 40%,#032c4599 100%);pointer-events:none}
.contact-info-section{padding:80px 20px;background:#F8F8F8}
.contact-info-section .section-container{max-width:1400px;margin:0 auto}
.contact-info-section h2{font-size:2.4rem;color:#032C45;margin:0 0 48px;text-align:center}
.contact-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.contact-item-card{background:#fff;padding:36px 28px;border-radius:8px;box-shadow:0 2px 8px #0000000f;transition:transform .3s ease,box-shadow .3s ease}
.contact-item-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0081f726}
.contact-item-card .icon-holder{width:52px;height:52px;background:linear-gradient(135deg,#0081F7 0%,#032C45 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 20px}
.contact-item-card .icon-holder i{font-size:1.5rem;color:#F8F8F8}
.contact-item-card h3{font-size:1.3rem;color:#032C45;margin:0 0 12px;font-weight:600}
.contact-item-card p{font-size:1rem;color:#555;margin:0;line-height:1.6}
.contact-item-card a{color:#0081F7;text-decoration:none;transition:color .3s ease}
.contact-item-card a:hover{color:#032C45}
.form-section{padding:80px 20px;background:linear-gradient(180deg,#fff 0%,#F8F8F8 100%)}
.form-section .form-container{max-width:800px;margin:0 auto}
.form-section h2{font-size:2.4rem;color:#032C45;margin:0 0 16px;text-align:center}
.form-section .form-intro-text{font-size:1.05rem;color:#555;text-align:center;margin:0 0 48px;line-height:1.6}
.contact-form-wrapper{background:#fff;padding:48px 44px;border-radius:10px;box-shadow:0 4px 16px #00000014}
.form-row-group{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.input-field-wrapper{margin-bottom:24px}
.input-field-wrapper label{display:block;font-size:.95rem;color:#032C45;margin:0 0 8px;font-weight:500}
.input-field-wrapper input,.input-field-wrapper select{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;background:#fff}
.input-field-wrapper input:focus,.input-field-wrapper select:focus{outline:none;border-color:#0081F7;box-shadow:0 0 0 4px #0081f71a}
.time-preference-group{margin-bottom:24px}
.time-preference-group label{display:block;font-size:.95rem;color:#032C45;margin:0 0 12px;font-weight:500}
.checkbox-options-holder{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.checkbox-item{display:flex;align-items:center}
.checkbox-item input[type="checkbox"]{width:18px;height:18px;margin-right:8px;cursor:pointer;accent-color:#0081F7}
.checkbox-item label{font-size:.9rem;color:#555;cursor:pointer;margin:0;font-weight:400}
.privacy-consent-wrapper{margin:32px 0 24px}
.privacy-consent-wrapper input[type="checkbox"]{width:18px;height:18px;margin-right:10px;cursor:pointer;accent-color:#0081F7;vertical-align:middle}
.privacy-consent-wrapper label{font-size:.9rem;color:#555;cursor:pointer;display:inline;vertical-align:middle}
.privacy-consent-wrapper a{color:#0081F7;text-decoration:underline;transition:color .3s ease}
.privacy-consent-wrapper a:hover{color:#032C45}
.submit-button-wrapper{text-align:center}
.submit-button-wrapper button{background:linear-gradient(135deg,#0081F7 0%,#032C45 100%);color:#fff;padding:16px 48px;font-size:1.1rem;border:none;border-radius:6px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;font-weight:600}
.submit-button-wrapper button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0081f74d}
.location-details-section{padding:80px 20px;background:#fff}
.location-details-section .location-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.address-block h2{font-size:2.2rem;color:#032C45;margin:0 0 24px}
.address-block p{font-size:1rem;color:#555;margin:0 0 32px;line-height:1.7}
.address-details-list{list-style:none;padding:0;margin:0}
.address-details-list li{display:flex;align-items:flex-start;margin-bottom:20px;font-size:1rem;color:#555}
.address-details-list li i{font-size:1.2rem;color:#0081F7;margin-right:14px;margin-top:2px}
.working-hours-block h3{font-size:1.6rem;color:#032C45;margin:0 0 20px}
.hours-list{background:#F8F8F8;padding:28px 32px;border-radius:8px;border-left:4px solid #0081F7}
.hours-list .hours-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e0e0e0;font-size:.95rem}
.hours-list .hours-row:last-child{border-bottom:none}
.hours-list .hours-row .day-label{color:#032C45;font-weight:500}
.hours-list .hours-row .time-label{color:#555}
.cta-final-section{padding:80px 20px;background:linear-gradient(135deg,#032C45 0%,#0081F7 100%);text-align:center;position:relative;overflow:hidden}
.cta-final-section::before{content:'';position:absolute;width:350px;height:350px;background:#f8f8f814;border-radius:50%;top:-120px;left:-80px}
.cta-final-section::after{content:'';position:absolute;width:280px;height:280px;background:#0081f733;border-radius:50%;bottom:-100px;right:-70px}
.cta-final-section .cta-content{max-width:800px;margin:0 auto;position:relative;z-index:2}
.cta-final-section h2{font-size:2.6rem;color:#F8F8F8;margin:0 0 20px;font-weight:700}
.cta-final-section p{font-size:1.15rem;color:#f8f8f8e6;margin:0 0 36px;line-height:1.6}
.cta-button-group{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.cta-button-group a{display:inline-block;padding:16px 40px;font-size:1.05rem;border-radius:6px;text-decoration:none;font-weight:600;transition:transform .3s ease,box-shadow .3s ease}
.cta-button-group .primary-cta{background:#F8F8F8;color:#032C45}
.cta-button-group .primary-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f8f8f84d}
.cta-button-group .secondary-cta{background:transparent;color:#F8F8F8;border:2px solid #F8F8F8}
.cta-button-group .secondary-cta:hover{background:#f8f8f81a;transform:translateY(-2px)}
@media (max-width: 1024px) {
.title-content-wrapper{grid-template-columns:1fr;gap:40px}
.title-text-block h1{font-size:2.6rem}
.contact-cards-grid{grid-template-columns:1fr;gap:24px}
.location-details-section .location-container{grid-template-columns:1fr;gap:40px}
.form-row-group{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.title-area{padding:60px 20px}
.title-text-block h1{font-size:2.2rem}
.title-text-block .subtitle-text{font-size:1rem}
.title-image-holder img{height:320px}
.contact-info-section,.form-section,.location-details-section,.cta-final-section{padding:60px 20px}
.contact-info-section h2,.form-section h2,.address-block h2,.cta-final-section h2{font-size:2rem}
.contact-form-wrapper{padding:32px 24px}
.checkbox-options-holder{grid-template-columns:1fr}
.cta-button-group{flex-direction:column;align-items:center}
.cta-button-group a{width:100%;max-width:300px;text-align:center}
}
.success-hero{background:linear-gradient(135deg,#0081F7 0%,#032C45 100%);padding:80px 20px;position:relative;overflow:hidden}
.success-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#f8f8f826 0%,transparent 70%);border-radius:50%;pointer-events:none}
.success-hero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#0081f74d 0%,transparent 70%);border-radius:50%;pointer-events:none}
.success-content{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.success-icon-holder{width:120px;height:120px;margin:0 auto 32px;background:#f8f8f8f2;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #032c4526;animation:pulse-animation 2s ease-in-out infinite}
@keyframes pulse-animation {
0%,100%{transform:scale(1);box-shadow:0 8px 24px #032c4526}
50%{transform:scale(1.05);box-shadow:0 12px 32px #032c4540}
}
.success-icon-holder svg{width:60px;height:60px}
.success-title{font-size:48px;font-weight:700;color:#F8F8F8;text-align:center;margin:0 0 20px;line-height:1.2}
.success-message{font-size:20px;color:#f8f8f8e6;text-align:center;max-width:700px;margin:0 auto 16px;line-height:1.6}
.success-subtext{font-size:16px;color:#f8f8f8bf;text-align:center;max-width:600px;margin:0 auto;line-height:1.5}
.info-section{padding:80px 20px;background:#F8F8F8}
.info-wrapper{max-width:1400px;margin:0 auto}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}
.info-card{background:#fff;padding:40px 32px;border-radius:8px;box-shadow:0 2px 12px #032c4514;position:relative;transition:all .3s ease}
.info-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #032c451f}
.info-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0081F7 0%,#032C45 100%);border-radius:8px 8px 0 0}
.card-icon-box{width:56px;height:56px;background:linear-gradient(135deg,#0081f71a 0%,#032c451a 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.card-icon-box svg{width:28px;height:28px}
.card-heading{font-size:22px;font-weight:600;color:#032C45;margin:0 0 12px;line-height:1.3}
.card-text{font-size:16px;color:#032c45bf;line-height:1.6;margin:0 0 20px}
.card-link{display:inline-flex;align-items:center;font-size:15px;font-weight:600;color:#0081F7;text-decoration:none;transition:all .3s ease;gap:8px}
.card-link:hover{color:#032C45;gap:12px}
.card-link svg{width:16px;height:16px;transition:transform .3s ease}
.card-link:hover svg{transform:translateX(4px)}
@media (max-width: 768px) {
.success-hero{padding:60px 20px}
.success-title{font-size:36px}
.success-message{font-size:18px}
.success-icon-holder{width:100px;height:100px}
.success-icon-holder svg{width:50px;height:50px}
.info-section{padding:60px 20px}
.cards-grid{grid-template-columns:1fr;gap:24px}
.info-card{padding:32px 24px}
}
@media (max-width: 480px) {
.success-title{font-size:28px}
.success-message{font-size:16px}
.success-subtext{font-size:14px}
.card-heading{font-size:20px}
.card-text{font-size:15px}
}