*{margin:0;padding:0;border:0;box-sizing:border-box}
body{font-family:'Roboto Slab',serif;background:linear-gradient(135deg,#fff 0%,#f9f9f9 100%);color:#2a2a2a;line-height:1.6}
.header-main-container{max-width:1000px;margin:0 auto;padding:24px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#ffffffbf;backdrop-filter:blur(8px);border-radius:28px;margin-top:16px;box-shadow:0 6px 18px #56c1f226}
.logo-holder{display:flex;align-items:center;justify-content:center}
.site-logo-img{height:92px;width:92px;object-fit:contain;background:linear-gradient(145deg,#EEFA12,#56C1F2);border-radius:50%;padding:8px;box-shadow:0 4px 12px #eefa1259}
.brand-identity-section{display:flex;align-items:center;gap:12px;flex:1;min-width:200px}
.companyName-text{font-family:'Lora',serif;font-size:28px;font-weight:700;color:#2a2a2a}
.connect-dot{width:8px;height:8px;background:linear-gradient(135deg,#56C1F2,#C42B41);border-radius:50%;display:inline-block}
.tagline-motto{font-size:15px;color:#555;font-style:italic}
.main-navigation-holder{display:flex;gap:28px;margin-left:auto}
.nav-link{font-size:16px;color:#2a2a2a;text-decoration:none;font-weight:500;padding:10px 18px;border-radius:22px;transition:background 0.25s,color .25s}
.nav-link:hover{background:linear-gradient(135deg,#EEFA12,#56C1F2);color:#1a1a1a}
@media (max-width: 768px) {
.header-main-container{flex-direction:column;text-align:center;gap:16px}
.brand-identity-section{flex-direction:column;gap:8px}
.connect-dot{display:none}
.main-navigation-holder{margin-left:0;flex-direction:column;width:100%;gap:12px}
.nav-link{display:block}
}
.footer-wrapper{max-width:1000px;margin:60px auto 0;padding:36px 20px;background:linear-gradient(180deg,#ffffff80,#f9f9f9cc);border-top:1px solid #56c1f233}
.footer-legal-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.copyright-txt{font-size:14px;color:#555}
.footer-links-nav{display:flex;gap:24px}
.footer-link-item{font-size:14px;color:#2a2a2a;text-decoration:none;transition:color .25s}
.footer-link-item:hover{color:#56C1F2}
@media (max-width: 600px) {
.footer-legal-section{flex-direction:column;text-align:center}
.footer-links-nav{flex-direction:column;gap:12px}
}
.cookie-consent-popup{position:fixed;right:30px;top:50%;transform:translateY(-50%) translateX(400px);background:linear-gradient(145deg,#fff,#f4f4f4);padding:28px;border-radius:32px;box-shadow:0 12px 32px #c42b4140;max-width:340px;z-index:9999;transition:transform .4s cubic-bezier(0.68,-0.55,0.27,1.55);border:2px solid #56c1f24d}
.cookie-consent-popup.show-popup{transform:translateY(-50%) translateX(0)}
.cookie-content-holder{display:flex;flex-direction:column;gap:18px}
.cookie-message-txt{font-size:14px;color:#2a2a2a;line-height:1.5}
.cookie-btns-wrapper{display:flex;gap:12px}
.cookie-btn{flex:1;padding:12px 20px;border-radius:50px;font-size:14px;font-weight:500;cursor:pointer;transition:transform 0.2s,box-shadow .2s;font-family:'Roboto Slab',serif}
.accept-btn-v2{background:linear-gradient(135deg,#EEFA12,#56C1F2);color:#1a1a1a}
.decline-btn-v2{background:linear-gradient(135deg,#C42B41,#a02335);color:#fff}
.cookie-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}
.cookie-policy-link{font-size:12px;color:#56C1F2;text-decoration:underline;text-align:center}
@media (max-width: 600px) {
.cookie-consent-popup{right:15px;left:15px;max-width:none;top:auto;bottom:20px;transform:translateY(400px)}
.cookie-consent-popup.show-popup{transform:translateY(0)}
}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#eefa121a;border-radius:10px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#56C1F2,#C42B41);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#EEFA12,#56C1F2)}
.policy-info{max-width:1000px;margin:60px auto;padding:0 20px;background:#fff;border-radius:28px;box-shadow:0 8px 24px #56c1f21f}
.policy-info h1{font-size:2.75rem;font-weight:700;color:#1a1a1a;margin:0 0 32px;padding:48px 0 24px;line-height:1.2;border-bottom:3px solid #EEFA12}
.policy-info h2{font-size:2rem;font-weight:600;color:#2a2a2a;margin:48px 0 24px;line-height:1.3;padding-top:16px}
.policy-info h3{font-size:1.5rem;font-weight:600;color:#3a3a3a;margin:36px 0 20px;line-height:1.4}
.policy-info h4{font-size:1.25rem;font-weight:600;color:#4a4a4a;margin:28px 0 16px;line-height:1.4}
.policy-info h5{font-size:1.1rem;font-weight:600;color:#5a5a5a;margin:24px 0 14px;line-height:1.5}
.policy-info h6{font-size:1rem;font-weight:600;color:#6a6a6a;margin:20px 0 12px;line-height:1.5}
.policy-info p{font-size:1.05rem;line-height:1.75;color:#333;margin:0 0 20px}
.policy-info ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:disc}
.policy-info ol{margin:0 0 24px;padding:0 0 0 28px;list-style-type:decimal}
.policy-info ul ul{margin:12px 0;padding-left:24px;list-style-type:circle}
.policy-info ol ol{margin:12px 0;padding-left:24px;list-style-type:lower-alpha}
.policy-info li{font-size:1.05rem;line-height:1.75;color:#333;margin:0 0 10px;padding-left:8px}
.policy-info strong,.policy-info b{font-weight:700;color:#1a1a1a}
.policy-info em,.policy-info i{font-style:italic;color:#2a2a2a}
.policy-info a{color:#56C1F2;text-decoration:none;border-bottom:2px solid transparent;transition:all .3s ease;font-weight:500}
.policy-info a:hover{color:#C42B41;border-bottom-color:#C42B41}
.policy-info a:focus{outline:3px solid #EEFA12;outline-offset:2px;border-radius:4px}
.policy-info table{width:100%;border-collapse:collapse;margin:32px 0;background:#fafafa;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000000f}
.policy-info thead{background:linear-gradient(135deg,#EEFA12 0%,#56C1F2 100%)}
.policy-info thead tr{border:none}
.policy-info tbody{background:#fff}
.policy-info tr{border-bottom:1px solid #e5e5e5}
.policy-info tr:last-child{border-bottom:none}
.policy-info th{padding:18px 20px;text-align:left;font-size:1rem;font-weight:700;color:#1a1a1a;line-height:1.4}
.policy-info td{padding:16px 20px;font-size:1.05rem;color:#333;line-height:1.6}
.policy-info tbody tr:hover{background:#f5f5f5;transition:background .2s ease}
.policy-info hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#56C1F2 50%,transparent 100%);margin:40px 0}
@media (max-width: 768px) {
.policy-info{margin:40px auto;padding:0 16px;border-radius:20px}
.policy-info h1{font-size:2rem;padding:32px 0 20px;margin-bottom:24px}
.policy-info h2{font-size:1.65rem;margin:36px 0 20px}
.policy-info h3{font-size:1.35rem;margin:28px 0 16px}
.policy-info h4{font-size:1.15rem;margin:24px 0 14px}
.policy-info h5{font-size:1.05rem;margin:20px 0 12px}
.policy-info h6{font-size:.95rem;margin:18px 0 10px}
.policy-info p{font-size:1rem;line-height:1.7;margin-bottom:18px}
.policy-info ul,.policy-info ol{padding-left:24px;margin-bottom:20px}
.policy-info li{font-size:1rem;line-height:1.7;margin-bottom:8px}
.policy-info table{margin:24px 0;border-radius:12px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.policy-info th,.policy-info td{padding:14px 16px;font-size:.95rem}
.policy-info hr{margin:32px 0}
}
@media (max-width: 480px) {
.policy-info{margin:24px auto;padding:0 12px}
.policy-info h1{font-size:1.75rem;padding:24px 0 16px}
.policy-info h2{font-size:1.45rem}
.policy-info h3{font-size:1.25rem}
.policy-info table{font-size:.9rem}
.policy-info th,.policy-info td{padding:12px;font-size:.9rem}
}
.abt-hero-holder{background:linear-gradient(135deg,#eefa1214,#56c1f21f);position:relative;overflow:hidden;padding:65px 20px}
.abt-hero-holder::before{content:'';position:absolute;width:480px;height:480px;background:radial-gradient(circle,#eefa1226,transparent 70%);border-radius:50%;top:-140px;left:-180px;z-index:1}
.abt-hero-holder::after{content:'';position:absolute;width:360px;height:360px;background:radial-gradient(circle,#56c1f22e,transparent 65%);border-radius:50%;bottom:-120px;right:-100px;z-index:1}
.hero-inner-wrap{max-width:1000px;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:50px;position:relative;z-index:2}
.hero-txt-col{flex:1;min-width:0}
.hero-txt-col .hero-kicker{font-size:16px;color:#56C1F2;font-weight:600;margin-bottom:10px;letter-spacing:.5px}
.hero-txt-col .hero-main-head{font-size:52px;line-height:1.15;font-weight:800;color:#1a1a1a;margin-bottom:12px}
.hero-txt-col .hero-sub-head{font-size:28px;line-height:1.3;font-weight:500;color:#444;margin-bottom:22px}
.hero-txt-col .hero-desc-text{font-size:17px;line-height:1.65;color:#555;margin-bottom:32px}
.hero-btn-grp{display:flex;gap:16px;flex-wrap:wrap}
.hero-btn-grp .btn-prim{background:linear-gradient(135deg,#EEFA12,#56C1F2);color:#1a1a1a;padding:15px 32px;border-radius:28px;font-weight:700;font-size:16px;text-decoration:none;display:inline-block;box-shadow:0 6px 20px #56c1f24d;transition:all .3s ease;border:none}
.hero-btn-grp .btn-prim:hover{transform:translateY(-2px);box-shadow:0 8px 26px #56c1f266}
.hero-btn-grp .btn-sec{background:#fff;color:#1a1a1a;padding:15px 32px;border-radius:28px;font-weight:600;font-size:16px;text-decoration:none;display:inline-block;border:2px solid #EEFA12;transition:all .3s ease}
.hero-btn-grp .btn-sec:hover{background:#EEFA12;transform:translateY(-2px);box-shadow:0 6px 18px #eefa124d}
.hero-img-col{flex:1;min-width:0}
.hero-img-col img{width:100%;height:auto;border-radius:32px;box-shadow:0 12px 40px #00000026;filter:contrast(1.08) brightness(1.02);display:block}
.story-sectn{padding:80px 20px;background:#fff}
.story-inner-cnt{max-width:1000px;margin:0 auto}
.story-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.story-txt-area{display:flex;flex-direction:column;gap:28px}
.story-txt-area .section-label{font-size:14px;text-transform:uppercase;letter-spacing:1.2px;color:#C42B41;font-weight:700}
.story-txt-area .section-title{font-size:42px;line-height:1.2;font-weight:800;color:#1a1a1a;position:relative;padding-left:18px}
.story-txt-area .section-title::before{content:'';position:absolute;left:0;top:0;width:6px;height:100%;background:linear-gradient(180deg,#EEFA12,#56C1F2);border-radius:3px}
.story-txt-area .story-para{font-size:17px;line-height:1.7;color:#444}
.story-txt-area .story-para:first-of-type{margin-top:8px}
.story-visual-side{display:flex;flex-direction:column;gap:24px}
.story-img-stack{position:relative}
.story-img-stack img{width:100%;height:auto;border-radius:24px;box-shadow:0 8px 28px #0000001f;display:block}
.story-img-stack:nth-child(2){margin-left:30px}
.story-highlight-box{background:linear-gradient(135deg,#eefa121f,#56c1f214);padding:32px;border-radius:28px;border-left:5px solid #56C1F2;box-shadow:0 6px 20px #0000000f}
.story-highlight-box .highlight-head{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:14px}
.story-highlight-box .highlight-txt{font-size:16px;line-height:1.65;color:#555}
.team-showcase-sectn{padding:80px 20px;background:linear-gradient(180deg,#fafafa,white)}
.team-inner-wrap{max-width:1000px;margin:0 auto}
.team-header-area{text-align:center;margin-bottom:56px}
.team-header-area .team-kicker{font-size:15px;text-transform:uppercase;letter-spacing:1.5px;color:#56C1F2;font-weight:700;margin-bottom:12px}
.team-header-area .team-main-title{font-size:44px;font-weight:800;color:#1a1a1a;line-height:1.2;margin-bottom:18px}
.team-header-area .team-subtitle-txt{font-size:18px;line-height:1.6;color:#666;max-width:680px;margin:0 auto}
.team-cards-holder{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.profile-card-item{background:#fff;border-radius:28px;padding:36px 28px;box-shadow:0 8px 24px #00000014;text-align:center;transition:all .3s ease;border:2px solid transparent}
.profile-card-item:hover{transform:translateY(-6px);box-shadow:0 14px 36px #0000001f;border-color:#EEFA12}
.profile-card-item .profile-img-wrap{width:140px;height:140px;margin:0 auto 24px;border-radius:50%;overflow:hidden;border:5px solid #EEFA12;box-shadow:0 6px 18px #eefa124d}
.profile-card-item .profile-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.profile-card-item .profile-name{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:8px}
.profile-card-item .profile-role{font-size:16px;font-weight:600;color:#56C1F2;margin-bottom:16px}
.profile-card-item .profile-bio{font-size:15px;line-height:1.6;color:#555}
.values-grid-sectn{padding:80px 20px 90px;background:#fff}
.values-inner-cnt{max-width:1000px;margin:0 auto}
.values-intro-block{text-align:center;margin-bottom:54px}
.values-intro-block .values-head{font-size:40px;font-weight:800;color:#1a1a1a;margin-bottom:16px;line-height:1.25}
.values-intro-block .values-desc{font-size:17px;line-height:1.65;color:#666;max-width:720px;margin:0 auto}
.values-grid-items{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.value-card-box{background:linear-gradient(135deg,#eefa120f,#56c1f20f);padding:36px 28px;border-radius:24px;border:2px solid #56c1f233;transition:all .3s ease;text-align:center}
.value-card-box:hover{transform:translateY(-4px);box-shadow:0 10px 30px #56c1f233;border-color:#56C1F2}
.value-card-box .value-icon-hold{width:70px;height:70px;background:linear-gradient(135deg,#EEFA12,#56C1F2);border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #eefa1266}
.value-card-box .value-icon-hold svg{width:36px;height:36px;fill:#1a1a1a}
.value-card-box .value-title{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:12px}
.value-card-box .value-description{font-size:15px;line-height:1.6;color:#555}
@media (max-width: 768px) {
.hero-inner-wrap{flex-direction:column;gap:36px}
.hero-txt-col .hero-main-head{font-size:38px}
.hero-txt-col .hero-sub-head{font-size:22px}
.story-grid-layout{grid-template-columns:1fr;gap:40px}
.story-img-stack:nth-child(2){margin-left:0}
.team-header-area .team-main-title{font-size:34px}
.values-grid-items{grid-template-columns:1fr}
.abt-hero-holder{padding:50px 20px}
}
@media (max-width: 480px) {
.hero-btn-grp{flex-direction:column;width:100%}
.hero-btn-grp .btn-prim,.hero-btn-grp .btn-sec{width:100%;text-align:center}
.hero-txt-col .hero-main-head{font-size:32px}
.story-txt-area .section-title{font-size:32px}
}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#56c1f21a;border-radius:10px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#EEFA12,#56C1F2);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#56C1F2,#EEFA12)}
.title_area{position:relative;width:100%;max-width:1000px;margin:0 auto 60px;height:420px;overflow:hidden;border-radius:32px}
.title_area .bg_img{width:100%;height:100%;object-fit:cover;display:block}
.title_area::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 20%,#000000bf 100%);pointer-events:none}
.title_area .floating_txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;color:#FFF;width:90%}
.title_area .floating_txt h1{font-size:52px;font-weight:700;margin:0;text-shadow:0 4px 20px #0009;animation:gentle_float 4s ease-in-out infinite}
@keyframes gentle_float {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-8px)}
}
.stats_grid_area{width:100%;max-width:1000px;margin:0 auto 80px;padding:0 20px}
.stats_grid_area .intro_blk{margin-bottom:50px}
.stats_grid_area .intro_blk h2{font-size:38px;font-weight:700;color:#1a1a1a;margin:0 0 20px}
.stats_grid_area .intro_blk p{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 15px}
.num_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.num_card{background:linear-gradient(135deg,#EEFA12 0%,#56C1F2 100%);border-radius:28px;padding:35px 24px;text-align:center;position:relative;box-shadow:0 8px 24px #eefa1240;transition:transform .3s ease,box-shadow .3s ease}
.num_card:hover{transform:translateY(-6px);box-shadow:0 14px 32px #56c1f259}
.num_card .big_num{font-size:56px;font-weight:800;color:#1a1a1a;margin:0 0 8px;line-height:1}
.num_card .stat_label{font-size:16px;font-weight:600;color:#2a2a2a;margin:0}
.progress_holder{width:100%;max-width:1000px;margin:0 auto 90px;padding:0 20px}
.progress_holder h2{font-size:36px;font-weight:700;color:#1a1a1a;margin:0 0 50px;text-align:center}
.prog_wrapper{display:flex;flex-direction:column;gap:45px}
.single_prog{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center}
.single_prog .prog_label{font-size:18px;font-weight:600;color:#2a2a2a;margin:0}
.prog_bar_container{background:#e8e8e8;border-radius:20px;height:32px;position:relative;overflow:hidden}
.prog_bar_fill{height:100%;background:linear-gradient(90deg,#56C1F2 0%,#EEFA12 100%);border-radius:20px;position:relative;transition:width 1.2s cubic-bezier(0.4,0,0.2,1)}
.prog_bar_fill::after{content:attr(data-pct);position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:700;color:#1a1a1a}
.prog_bar_fill[data-pct="92%"]{width:92%}
.prog_bar_fill[data-pct="87%"]{width:87%}
.prog_bar_fill[data-pct="95%"]{width:95%}
.prog_bar_fill[data-pct="78%"]{width:78%}
.timeline_section{width:100%;background:linear-gradient(180deg,#f8f8f8 0%,#fff 100%);padding:80px 20px;margin-bottom:70px}
.timeline_section .section_head{max-width:1000px;margin:0 auto 60px;text-align:center}
.timeline_section .section_head h2{font-size:40px;font-weight:700;color:#1a1a1a;margin:0 0 18px}
.timeline_section .section_head p{font-size:17px;line-height:1.6;color:#4a4a4a;margin:0}
.timeline_track{max-width:1000px;margin:0 auto;position:relative;padding-left:60px}
.timeline_track::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#EEFA12 0%,#56C1F2 50%,#C42B41 100%);border-radius:2px}
.timeline_item{position:relative;margin-bottom:50px;padding-left:30px}
.timeline_item::before{content:'';position:absolute;left:-46px;top:8px;width:16px;height:16px;background:#EEFA12;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #56C1F2;z-index:2}
.timeline_item:nth-child(2)::before{background:#56C1F2;box-shadow:0 0 0 3px #EEFA12}
.timeline_item:nth-child(3)::before{background:#C42B41;box-shadow:0 0 0 3px #56C1F2}
.timeline_item:nth-child(4)::before{background:#EEFA12;box-shadow:0 0 0 3px #C42B41}
.timeline_item h3{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 12px}
.timeline_item .year_mark{display:inline-block;background:#EEFA12;color:#1a1a1a;font-size:14px;font-weight:700;padding:6px 14px;border-radius:16px;margin-bottom:10px}
.timeline_item:nth-child(2) .year_mark{background:#56C1F2}
.timeline_item:nth-child(3) .year_mark{background:#C42B41;color:#fff}
.timeline_item:nth-child(4) .year_mark{background:linear-gradient(90deg,#EEFA12 0%,#56C1F2 100%)}
.timeline_item p{font-size:16px;line-height:1.7;color:#4a4a4a;margin:0}
.comparison_area{width:100%;max-width:1000px;margin:0 auto 80px;padding:0 20px}
.comparison_area h2{font-size:38px;font-weight:700;color:#1a1a1a;margin:0 0 50px;text-align:center}
.comp_holder{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.comp_box{background:#f5f5f5;border-radius:26px;padding:40px 30px;position:relative;overflow:hidden}
.comp_box::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#EEFA12 0%,#56C1F2 100%)}
.comp_box:nth-child(2)::before{background:linear-gradient(90deg,#56C1F2 0%,#C42B41 100%)}
.comp_box h3{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 24px}
.comp_box .feature_list{list-style:none;padding:0;margin:0}
.comp_box .feature_list li{font-size:16px;line-height:1.6;color:#4a4a4a;margin-bottom:16px;padding-left:28px;position:relative}
.comp_box .feature_list li::before{content:'';position:absolute;left:0;top:6px;width:14px;height:14px;background:#56C1F2;border-radius:50%}
.comp_box:nth-child(2) .feature_list li::before{background:#C42B41}
@media (max-width: 768px) {
.title_area{height:320px;margin-bottom:40px}
.title_area .floating_txt h1{font-size:36px}
.num_grid{grid-template-columns:1fr;gap:20px}
.single_prog{grid-template-columns:1fr;gap:12px}
.prog_bar_fill::after{font-size:12px;right:10px}
.timeline_track{padding-left:40px}
.timeline_item{padding-left:20px}
.comp_holder{grid-template-columns:1fr;gap:24px}
.stats_grid_area .intro_blk h2,.progress_holder h2,.timeline_section .section_head h2,.comparison_area h2{font-size:30px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.num_grid{grid-template-columns:repeat(2,1fr)}
.title_area .floating_txt h1{font-size:44px}
}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#eefa121a;border-radius:10px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#EEFA12 0%,#56C1F2 100%);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#56C1F2 0%,#C42B41 100%)}
.title-hero-holder{background:linear-gradient(145deg,#EEFA12 0%,#56C1F2 100%);padding:120px 20px 90px;position:relative;overflow:hidden}
.title-hero-holder::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 50%,#eefa124d,transparent 60%),radial-gradient(circle at 70% 80%,#56c1f24d,transparent 50%);animation:particleFloat 8s ease-in-out infinite}
@keyframes particleFloat {
0%,100%{transform:translate(0,0);opacity:.5}
50%{transform:translate(20px,-15px);opacity:.8}
}
.title-content-wrapper{max-width:1000px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;gap:50px;align-items:center}
.hero-txt-section{text-align:center;max-width:700px}
.hero-txt-section h1{font-size:3.2rem;line-height:1.2;color:#1a1a1a;margin-bottom:24px;font-weight:700}
.hero-txt-section h1 span{color:#C42B41;position:relative}
.hero-txt-section h1 span::after{content:'';position:absolute;bottom:-6px;left:0;width:100%;height:3px;background:#C42B41}
.hero-txt-section p{font-size:1.2rem;line-height:1.7;color:#2a2a2a}
.hero-img-box{width:100%;max-width:600px;position:relative}
.hero-img-box img{width:100%;height:auto;border-radius:30px;filter:sepia(0.2) saturate(1.3) contrast(1.1);box-shadow:0 15px 40px #c42b4140}
.learner-experience-block{padding:90px 20px;background:#f8f9fa}
.learner-experience-block .contentHolder{max-width:1000px;margin:0 auto}
.learner-experience-block h2{font-size:2.6rem;color:#1a1a1a;margin-bottom:60px;text-align:center;position:relative}
.learner-experience-block h2::before{content:'';position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#EEFA12,#56C1F2);border-radius:2px}
.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.story-cardItem{background:#fff;border-radius:25px;padding:35px 30px;box-shadow:0 8px 25px #0000000f;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}
.story-cardItem:hover{transform:translateY(-8px);box-shadow:0 15px 45px #56c1f233;border-color:#56C1F2}
.story-cardItem .img-wrapper{width:100%;height:220px;margin-bottom:25px;border-radius:20px;overflow:hidden}
.story-cardItem .img-wrapper img{width:100%;height:100%;object-fit:cover}
.story-cardItem h3{font-size:1.5rem;color:#1a1a1a;margin-bottom:12px}
.story-cardItem p{font-size:1rem;line-height:1.6;color:#4a4a4a;margin-bottom:8px}
.story-cardItem .metric-tag{display:inline-block;background:linear-gradient(135deg,#EEFA12,#56C1F2);color:#1a1a1a;padding:6px 14px;border-radius:15px;font-size:.85rem;font-weight:600;margin-top:10px}
.personalization-section{padding:90px 20px;background:linear-gradient(180deg,#fff 0%,#f0f4f8 100%);position:relative}
.personalization-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h60v60H0z' fill='none'/%3E%3Cpath d='M30 0l30 30-30 30L0 30z' fill='%23EEFA12' fill-opacity='0.03'/%3E%3C/svg%3E");opacity:.4}
.personalization-section .wrapper{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.personalization-section h2{font-size:2.6rem;color:#1a1a1a;margin-bottom:20px;text-align:center}
.personalization-section .intro-text{text-align:center;font-size:1.15rem;line-height:1.7;color:#3a3a3a;max-width:700px;margin:0 auto 50px}
.approach-tabs-wrapper{display:flex;flex-direction:column;gap:40px}
.tab-control{display:none}
.tab-labels{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}
.tab-labels label{padding:14px 28px;background:#fff;border:2px solid #e0e0e0;border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:1.05rem;font-weight:600;color:#4a4a4a}
.tab-labels label:hover{border-color:#56C1F2;background:#f0f9ff}
#tab1:checked ~ .tab-labels label[for="tab1"],#tab2:checked ~ .tab-labels label[for="tab2"],#tab3:checked ~ .tab-labels label[for="tab3"],#tab4:checked ~ .tab-labels label[for="tab4"]{background:linear-gradient(135deg,#EEFA12,#56C1F2);border-color:transparent;color:#1a1a1a}
.tab-content-area{background:#fff;border-radius:30px;padding:45px;box-shadow:0 10px 35px #00000014}
.tab-panel{display:none}
#tab1:checked ~ .tab-content-area .panel-1,#tab2:checked ~ .tab-content-area .panel-2,#tab3:checked ~ .tab-content-area .panel-3,#tab4:checked ~ .tab-content-area .panel-4{display:block}
.tab-panel h3{font-size:1.8rem;color:#1a1a1a;margin-bottom:20px;position:relative;padding-left:20px}
.tab-panel h3::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:30px;background:#C42B41;border-radius:3px}
.tab-panel p{font-size:1.05rem;line-height:1.7;color:#4a4a4a;margin-bottom:14px}
.feature-list{list-style:none;padding:0;margin:25px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.feature-list li{padding:16px 20px;background:#f8f9fa;border-radius:15px;border-left:4px solid #56C1F2;font-size:.95rem;color:#2a2a2a;transition:transform .2s ease}
.feature-list li:hover{transform:translateX(5px)}
.progression-showcase{padding:90px 20px;background:#fff}
.progression-showcase .container-main{max-width:1000px;margin:0 auto}
.progression-showcase h2{font-size:2.6rem;color:#1a1a1a;margin-bottom:50px;text-align:center}
.path-timeline{position:relative;padding:40px 0}
.path-timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#EEFA12 0%,#56C1F2 50%,#C42B41 100%);transform:translateX(-50%)}
.milestone-entry{position:relative;padding:30px;margin-bottom:40px;background:#f8f9fa;border-radius:25px;box-shadow:0 6px 20px #0000000d;width:calc(50% - 40px);transition:all .3s ease}
.milestone-entry:hover{box-shadow:0 12px 35px #56c1f226;transform:scale(1.02)}
.milestone-entry:nth-child(odd){margin-left:0;margin-right:auto}
.milestone-entry:nth-child(even){margin-left:auto;margin-right:0}
.milestone-entry::before{content:'';position:absolute;top:50%;width:20px;height:20px;background:#C42B41;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #C42B41;z-index:3}
.milestone-entry:nth-child(odd)::before{right:-50px;transform:translateY(-50%)}
.milestone-entry:nth-child(even)::before{left:-50px;transform:translateY(-50%)}
.milestone-entry .stage-number{display:inline-block;background:linear-gradient(135deg,#EEFA12,#56C1F2);color:#1a1a1a;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:700;margin-bottom:12px}
.milestone-entry h4{font-size:1.4rem;color:#1a1a1a;margin-bottom:12px}
.milestone-entry p{font-size:1rem;line-height:1.6;color:#4a4a4a}
.milestone-entry .duration-info{margin-top:15px;font-size:.9rem;color:#56C1F2;font-weight:600}
.cta-section-final{padding:80px 20px;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);text-align:center;position:relative;overflow:hidden}
.cta-section-final::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#eefa1226,transparent 70%);border-radius:50%}
.cta-section-final::after{content:'';position:absolute;bottom:-40%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#56c1f226,transparent 70%);border-radius:50%}
.cta-section-final .cta-inner{max-width:700px;margin:0 auto;position:relative;z-index:2}
.cta-section-final h2{font-size:2.4rem;color:#EEFA12;margin-bottom:20px}
.cta-section-final p{font-size:1.1rem;line-height:1.7;color:#e0e0e0;margin-bottom:35px}
.btn-primary-cta{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#EEFA12,#56C1F2);color:#1a1a1a;font-size:1.1rem;font-weight:700;border-radius:30px;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 25px #eefa124d;margin-right:15px;border:none;cursor:pointer;position:relative;z-index:10}
.btn-primary-cta:hover{transform:translateY(-3px);box-shadow:0 12px 35px #eefa1266}
.btn-secondary-outline{display:inline-block;padding:16px 40px;background:transparent;color:#EEFA12;font-size:1.1rem;font-weight:700;border-radius:30px;text-decoration:none;transition:all .3s ease;border:2px solid #EEFA12;cursor:pointer;position:relative;z-index:10}
.btn-secondary-outline:hover{background:#EEFA12;color:#1a1a1a}
@media (max-width: 768px) {
.title-hero-holder{padding:80px 20px 60px}
.hero-txt-section h1{font-size:2.2rem}
.hero-txt-section p{font-size:1.05rem}
.learner-experience-block h2,.personalization-section h2,.progression-showcase h2{font-size:2rem}
.story-grid{grid-template-columns:1fr}
.tab-content-area{padding:30px 20px}
.path-timeline::before{left:20px}
.milestone-entry{width:calc(100% - 60px);margin-left:60px!important;margin-right:0!important}
.milestone-entry::before{left:-50px!important;right:auto!important}
.cta-section-final h2{font-size:1.8rem}
.btn-primary-cta,.btn-secondary-outline{display:block;margin:10px auto;width:100%;max-width:300px}
}
@media (max-width: 480px) {
.hero-txt-section h1{font-size:1.8rem}
.tab-labels{flex-direction:column}
.feature-list{grid-template-columns:1fr}
}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#56c1f21a;border-radius:10px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#EEFA12,#56C1F2);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#56C1F2,#C42B41)}
.kontaktPage-wrap{max-width:1000px;margin:0 auto;padding:0 20px}
.heroKontakt-blk{display:flex;align-items:center;gap:60px;padding:80px 0 60px;background:linear-gradient(135deg,#eefa1214 0%,#56c1f20d 100%);border-radius:32px;margin-bottom:70px;position:relative;overflow:hidden}
.heroKontakt-blk::before{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,#c42b411f,transparent 70%);top:-100px;right:-80px;border-radius:50%;animation:floatShape 8s ease-in-out infinite}
.heroKontakt-blk::after{content:'';position:absolute;width:200px;height:200px;background:radial-gradient(circle,#56c1f226,transparent 65%);bottom:-60px;left:-40px;border-radius:50%;animation:floatShape 10s ease-in-out infinite reverse}
@keyframes floatShape {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(20px,-20px) scale(1.1)}
}
.hero-imgFrame{flex-shrink:0;width:280px;height:320px;background:linear-gradient(145deg,#EEFA12,#56C1F2);border-radius:28px;padding:6px;position:relative;z-index:2;margin-left:50px}
.hero-imgInner{width:100%;height:100%;background:linear-gradient(to bottom right,#f8f9fa,#e9ecef);border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:72px;color:#56c1f266;filter:grayscale(20%) brightness(1.05)}
.hero-txtContent{flex:1;position:relative;z-index:2;padding-right:40px}
.hero-txtContent h1{font-size:2.8rem;line-height:1.2;margin:0 0 20px;color:#1a1a1a;font-weight:700}
.hero-txtContent h1::after{content:'';display:block;width:80px;height:5px;background:linear-gradient(90deg,#C42B41,#56C1F2);margin-top:18px;border-radius:3px}
.hero-txtContent p{font-size:1.1rem;line-height:1.7;color:#4a4a4a;margin:0}
.formSection-holder{max-width:900px;margin:0 auto 80px;background:#fff;border-radius:30px;padding:60px;box-shadow:0 8px 24px #56c1f21f 0 2px 8px #0000000d}
.formSection-holder h2{font-size:2rem;margin:0 0 12px;color:#2a2a2a;font-weight:600}
.formSection-holder h2::before{content:'';display:inline-block;width:6px;height:28px;background:linear-gradient(180deg,#EEFA12,#56C1F2);margin-right:14px;border-radius:3px;vertical-align:middle}
.intro-txt{font-size:1.05rem;line-height:1.65;color:#555;margin:0 0 40px}
.ContactFormWrap{display:flex;flex-direction:column;gap:28px}
.formRow-v2{display:flex;flex-direction:column;gap:8px}
.formRow-v2 label{font-size:.95rem;font-weight:600;color:#333;display:flex;align-items:center;gap:6px}
.required-mark{color:#C42B41;font-size:1.1rem}
.formRow-v2 input[type="text"],.formRow-v2 input[type="email"],.formRow-v2 textarea{padding:16px 20px;border:2px solid #e0e0e0;border-radius:14px;font-size:1rem;color:#333;transition:all .25s ease;background:#fafafa;width:100%;box-sizing:border-box}
.formRow-v2 input[type="text"]:focus,.formRow-v2 input[type="email"]:focus,.formRow-v2 textarea:focus{outline:none;border-color:#56C1F2;background:#fff;box-shadow:0 0 0 3px #56c1f21a}
.formRow-v2 textarea{resize:vertical;min-height:140px;font-family:inherit}
.typeSelector-holder{display:flex;flex-direction:column;gap:8px}
.typeSelector-holder label{font-size:.95rem;font-weight:600;color:#333;margin-bottom:6px}
.typeOptions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.typeOption-item{position:relative}
.typeOption-item input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.typeOption-item .option-lbl{display:block;padding:18px 24px;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:12px;text-align:center;cursor:pointer;transition:all .25s ease;font-weight:500;color:#555}
.typeOption-item input[type="radio"]:checked + .option-lbl{background:linear-gradient(135deg,#eefa1226,#56c1f226);border-color:#56C1F2;color:#1a1a1a;box-shadow:0 4px 12px #56c1f233}
.typeOption-item .option-lbl:hover{border-color:#56C1F2;background:#fff}
.conditionalBlock{display:none;animation:slideIn .35s ease}
@keyframes slideIn {
from{opacity:0;transform:translateY(-10px)}
to{opacity:1;transform:translateY(0)}
}
#inquiry_individual:checked ~ .conditionalBlock.individual-blk,#inquiry_group:checked ~ .conditionalBlock.group-blk{display:block}
.privacy-checkboxRow{display:flex;align-items:flex-start;gap:12px;margin-top:10px}
.privacy-checkboxRow input[type="checkbox"]{width:22px;height:22px;margin-top:2px;cursor:pointer;accent-color:#56C1F2;flex-shrink:0}
.privacy-checkboxRow label{font-size:.95rem;line-height:1.5;color:#555;cursor:pointer}
.privacy-checkboxRow label a{color:#56C1F2;text-decoration:none;font-weight:600;transition:color .2s ease}
.privacy-checkboxRow label a:hover{color:#C42B41;text-decoration:underline}
.submit-btn-holder{display:flex;justify-content:flex-end;margin-top:10px}
.submit-btn-holder button{padding:18px 48px;background:linear-gradient(135deg,#EEFA12,#56C1F2);border:none;border-radius:16px;font-size:1.05rem;font-weight:700;color:#1a1a1a;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 18px #eefa124d;position:relative;z-index:10}
.submit-btn-holder button:hover{transform:translateY(-2px);box-shadow:0 10px 28px #56c1f266}
.submit-btn-holder button:active{transform:translateY(0);box-shadow:0 4px 12px #eefa1240}
.infoGrid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;max-width:900px;margin:60px auto 0;padding:0 20px}
.info-card{background:#fff;border-radius:22px;padding:36px 30px;box-shadow:0 4px 16px #0000000f;transition:all .3s ease;border:2px solid transparent;position:relative}
.info-card::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#EEFA12,#56C1F2,#C42B41);border-radius:22px;opacity:0;transition:opacity .3s ease;z-index:-1}
.info-card:hover::before{opacity:1}
.info-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #56c1f233;border-color:transparent}
.info-card h3{font-size:1.3rem;margin:0 0 16px;color:#2a2a2a;font-weight:600;display:flex;align-items:center;gap:10px}
.info-card h3::before{content:'';width:8px;height:8px;background:#56C1F2;border-radius:50%;display:inline-block}
.info-card p{margin:0 0 10px;color:#555;font-size:1rem;line-height:1.6}
.info-card a{color:#56C1F2;text-decoration:none;font-weight:600;transition:color .2s ease}
.info-card a:hover{color:#C42B41}
@media (max-width: 768px) {
.heroKontakt-blk{flex-direction:column;padding:50px 30px;gap:40px}
.hero-imgFrame{width:220px;height:260px;margin-left:0}
.hero-txtContent{padding-right:0;text-align:center}
.hero-txtContent h1{font-size:2.2rem}
.hero-txtContent h1::after{margin-left:auto;margin-right:auto}
.formSection-holder{padding:40px 28px}
.formSection-holder h2{font-size:1.7rem}
.typeOptions-grid{grid-template-columns:1fr}
.submit-btn-holder{justify-content:stretch}
.submit-btn-holder button{width:100%}
.infoGrid-container{grid-template-columns:1fr;gap:20px;margin-top:40px}
}
@media (max-width: 480px) {
.hero-txtContent h1{font-size:1.8rem}
.formSection-holder h2{font-size:1.5rem}
.hero-imgInner{font-size:56px}
}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#56c1f21a;border-radius:10px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#EEFA12,#56C1F2);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#56C1F2,#C42B41)}
.success-wrap{min-height:85vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#EEFA12 0%,#56C1F2 100%);padding:40px 20px;position:relative;overflow:hidden}
.success-wrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#c42b4126 0%,transparent 70%);border-radius:50%}
.success-wrap::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#eefa1233 0%,transparent 70%);border-radius:50%}
.confirmBox{background:#fff;border-radius:32px;padding:60px 50px;max-width:640px;width:100%;box-shadow:0 12px 48px #0000001f 0 4px 16px #56c1f226;text-align:center;position:relative;z-index:1}
.confirmBox .iconHolder{width:90px;height:90px;margin:0 auto 32px;background:linear-gradient(135deg,#56C1F2,#EEFA12);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #56c1f24d}
.confirmBox .iconHolder svg{width:48px;height:48px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.confirmBox h1{font-size:2.2rem;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.2}
.confirmBox .msgTxt{font-size:1.05rem;color:#4a4a4a;line-height:1.7;margin:0 0 36px}
.confirmBox .detailsHolder{background:linear-gradient(120deg,#eefa1214,#56c1f214);border-radius:20px;padding:28px 32px;margin:0 0 40px;border:2px solid #56c1f233}
.confirmBox .detailsHolder p{font-size:.95rem;color:#2a2a2a;margin:0 0 12px;line-height:1.6}
.confirmBox .detailsHolder p:last-child{margin:0}
.confirmBox .detailsHolder strong{color:#1a1a1a;font-weight:600}
.confirmBox .actionBtns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.confirmBox .btn-primary{background:linear-gradient(135deg,#56C1F2,#EEFA12);color:#1a1a1a;padding:16px 36px;border-radius:28px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 14px #56c1f240;border:none;display:inline-block}
.confirmBox .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #56c1f259}
.confirmBox .btn-secondary{background:#fff;color:#56C1F2;padding:16px 36px;border-radius:28px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;border:2px solid #56C1F2;display:inline-block}
.confirmBox .btn-secondary:hover{background:#56c1f214;transform:translateY(-2px)}
.confirmBox .contactInfo{margin:36px 0 0;padding:24px 0 0;border-top:1px solid #00000014}
.confirmBox .contactInfo p{font-size:.9rem;color:#6a6a6a;margin:0 0 8px;line-height:1.5}
.confirmBox .contactInfo a{color:#56C1F2;text-decoration:none;font-weight:500;transition:color .2s ease}
.confirmBox .contactInfo a:hover{color:#C42B41}
@media (max-width: 768px) {
.success-wrap{padding:30px 16px;min-height:80vh}
.confirmBox{padding:40px 28px;border-radius:24px}
.confirmBox h1{font-size:1.75rem}
.confirmBox .msgTxt{font-size:1rem}
.confirmBox .iconHolder{width:76px;height:76px;margin-bottom:24px}
.confirmBox .iconHolder svg{width:40px;height:40px}
.confirmBox .detailsHolder{padding:20px 24px}
.confirmBox .actionBtns{flex-direction:column}
.confirmBox .btn-primary,.confirmBox .btn-secondary{width:100%;padding:14px 28px}
}
@media (max-width: 480px) {
.confirmBox{padding:32px 20px}
.confirmBox h1{font-size:1.5rem}
.confirmBox .detailsHolder{padding:18px 20px}
.confirmBox .detailsHolder p{font-size:.9rem}
}