*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Roboto Mono',monospace;font-weight:400;line-height:1.6;color:#1a1a1a;background:#F3F3F3;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:color .2s ease}
ul{list-style:none}
header{background:#f3f3f3f2;padding:1.2rem 0;box-shadow:0 3px 6px #39243e14}
header .hdr-wrap{max-width:960px;margin:0 auto;padding:0 1.5rem}
header .top-bar{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1rem;flex-wrap:wrap}
header .logo-holder{flex-shrink:0}
header .brand-logo{height:90px;width:90px;object-fit:contain;background:#ffffffb3;padding:.5rem;border-radius:8px;box-shadow:0 2px 4px #39243e1f}
header .tagln{flex:1;min-width:200px}
header .tagln span{display:block;font-size:.9rem;color:#39243E;font-weight:700;line-height:1.4}
header .main-nvgtn{width:100%}
header .menu-list{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:flex-start;align-items:center}
header .menu-list li a{display:block;padding:.5rem .8rem;font-size:.95rem;color:#39243E;font-weight:400;border-radius:6px;background:transparent;transition:background .2s ease,color .2s ease}
header .menu-list li a:hover{background:#2ba0e41a;color:#2BA0E4}
footer{position:relative;background:#39243E;color:#F3F3F3;padding:3rem 0 1.5rem;margin-top:4rem;overflow:hidden}
footer .ftr-wrapper{max-width:960px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:2}
footer .depth-element{position:absolute;top:-40px;right:5%;font-size:18rem;font-weight:700;color:#f3f3f30f;line-height:1;pointer-events:none;user-select:none;z-index:1}
footer .ftr-content{position:relative;z-index:2}
footer .ftr-nav{margin-bottom:2rem}
footer .links-row{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:center;padding-bottom:1.5rem;border-bottom:1px solid #f3f3f333}
footer .links-row li a{font-size:.9rem;color:#F3F3F3;transition:color .2s ease}
footer .links-row li a:hover{color:#2BA0E4}
footer .meta-info{display:flex;flex-direction:column;gap:1.2rem;align-items:center;text-align:center}
footer .contact-data p{font-size:.85rem;margin-bottom:.4rem;color:#f3f3f3d9}
footer .contact-data a{color:#2BA0E4;transition:color .2s ease}
footer .contact-data a:hover{color:#F3F3F3}
footer .copyright-text p{font-size:.8rem;color:#f3f3f3b3}
.ck-popup{position:fixed;top:1rem;right:1rem;width:340px;max-width:calc(100vw - 2rem);background:#fff;border-radius:8px;box-shadow:0 6px 12px #39243e33;z-index:9999;transform:translateY(-120%);opacity:0;transition:transform .3s ease,opacity .3s ease}
.ck-popup[data-visible="true"]{transform:translateY(0);opacity:1}
.ck-popup .ck-inner{padding:1.5rem}
.ck-popup .ck-hdr h3{font-size:1.1rem;color:#39243E;margin-bottom:.8rem;font-weight:700}
.ck-popup .ck-txt{margin-bottom:1.2rem}
.ck-popup .ck-txt p{font-size:.85rem;color:#1a1a1a;line-height:1.5}
.ck-popup .ck-cats{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}
.ck-popup .cat-item label{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:#39243E;font-weight:700;cursor:pointer}
.ck-popup .cat-item input[type="checkbox"]{width:18px;height:18px;cursor:pointer}
.ck-popup .cat-item input[type="checkbox"]:disabled{cursor:not-allowed;opacity:.6}
.ck-popup .cat-desc{font-size:.75rem;color:#666;margin-top:.3rem;margin-left:1.5rem;line-height:1.4}
.ck-popup .ck-btns{display:flex;flex-direction:column;gap:.6rem}
.ck-popup .ck-btns button{width:100%;padding:.75rem;font-family:'Roboto Mono',monospace;font-size:.9rem;font-weight:700;border:none;border-radius:0;cursor:pointer;transition:background .2s ease,color .2s ease}
.ck-popup .btn-accept{background:#2BA0E4;color:#fff}
.ck-popup .btn-accept:hover{background:#1f8bc9}
.ck-popup .btn-decline{background:#F3F3F3;color:#39243E;border:2px solid #39243E}
.ck-popup .btn-decline:hover{background:#39243E;color:#F3F3F3}
@media (max-width: 768px) {
header .brand-logo{height:70px;width:70px}
header .tagln span{font-size:.8rem}
header .menu-list{gap:.4rem 1rem}
header .menu-list li a{font-size:.85rem;padding:.4rem .6rem}
footer .depth-element{font-size:12rem;top:-20px}
footer .links-row{flex-direction:column;align-items:center;gap:.8rem}
footer .meta-info{gap:1rem}
.ck-popup{width:300px;top:.5rem;right:.5rem}
.ck-popup .ck-inner{padding:1.2rem}
}
@media (max-width: 480px) {
header .top-bar{flex-direction:column;align-items:center;text-align:center;gap:1rem}
header .menu-list{justify-content:center}
.ck-popup{width:calc(100vw - 1rem);right:.5rem}
}
@media (min-width: 1024px) {
header .brand-logo{height:110px;width:110px}
header .tagln span{font-size:1rem}
header .menu-list li a{font-size:1rem}
}
.doc-section{max-width:960px;margin:0 auto;padding:48px 24px;background:#FFF}
.doc-section p{font-size:16px;line-height:1.75;color:#2d2d2d;margin:0 0 24px}
.doc-section p:last-child{margin-bottom:0}
.doc-section em,.doc-section i{font-style:italic;color:#39243E}
.doc-section a{color:#2BA0E4;text-decoration:none;border-bottom:1px solid #2ba0e44d;transition:all .2s ease}
.doc-section a:hover{color:#39243E;border-bottom-color:#39243E}
.doc-section a:focus{outline:2px solid #2BA0E4;outline-offset:2px;border-radius:2px}
.doc-section table{width:100%;border-collapse:collapse;margin:32px 0;font-size:15px;background:#FFF;box-shadow:0 2px 4px #2ba0e41a;border-radius:6px;overflow:hidden}
.doc-section thead{background:linear-gradient(135deg,#39243E 0%,#2BA0E4 100%)}
.doc-section thead tr{border:none}
.doc-section thead th{color:#FFF;font-weight:600;text-align:left;padding:16px 20px;font-size:15px;letter-spacing:.3px}
.doc-section tbody tr{border-bottom:1px solid #e8e8e8;transition:background .15s ease}
.doc-section tbody tr:last-child{border-bottom:none}
.doc-section tbody tr:hover{background:#F3F3F3}
.doc-section tbody td{padding:14px 20px;color:#2d2d2d;line-height:1.6}
.doc-section tbody th{padding:14px 20px;color:#39243E;font-weight:600;text-align:left}
.doc-section hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#2BA0E4 50%,transparent 100%);margin:40px 0;opacity:.4}
@media (max-width: 768px) {
.doc-section{padding:32px 20px}
.doc-section p{font-size:15px;margin:0 0 20px}
.doc-section table{font-size:14px;margin:24px 0;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.doc-section thead th{padding:12px 16px;font-size:14px}
.doc-section tbody td,.doc-section tbody th{padding:12px 16px;font-size:14px}
.doc-section hr{margin:32px 0}
}
@media (max-width: 480px) {
.doc-section{padding:24px 16px}
.doc-section p{font-size:14px;line-height:1.7;margin:0 0 18px}
.doc-section table{font-size:13px;margin:20px -16px;width:calc(100% + 32px);border-radius:0}
.doc-section thead th{padding:10px 12px;font-size:13px}
.doc-section tbody td,.doc-section tbody th{padding:10px 12px;font-size:13px}
}
.artcl-header{background:linear-gradient(135deg,#F3F3F3 0%,#fff 100%);padding:4rem 1.5rem 3rem;position:relative;overflow:hidden}
.artcl-header::before{content:'';position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:radial-gradient(circle,#2ba0e414 0%,transparent 70%);pointer-events:none}
.artcl-header .cntnr-mx{max-width:960px;margin:0 auto;position:relative;z-index:2}
.artcl-meta-top{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;align-items:center}
.artcl-tag-lbl{display:inline-block;padding:.4rem 1rem;background:#2BA0E4;color:#fff;border-radius:6px;font-size:.85rem;font-weight:600;letter-spacing:.3px;box-shadow:0 3px 6px #2ba0e440}
.artcl-dtls-row{display:flex;flex-wrap:wrap;gap:1.2rem;font-size:.9rem;color:#555}
.artcl-dtls-row span{display:flex;align-items:center;gap:.4rem}
.artcl-dtls-row svg{width:18px;height:18px;fill:#2BA0E4}
.artcl-title-main{font-size:2.5rem;color:#39243E;margin:0 0 1rem;line-height:1.2;font-weight:700}
.artcl-subtitle-sec{font-size:1.25rem;color:#555;margin:0;line-height:1.5;font-weight:400}
.artcl-img-wrp{max-width:960px;margin:-2rem auto 3rem;padding:0 1.5rem;position:relative;z-index:3}
.artcl-img-wrp img{width:100%;height:auto;border-radius:8px;box-shadow:0 6px 20px #39243e26;display:block}
.artcl-content-wrp{max-width:960px;margin:0 auto;padding:0 1.5rem 4rem}
.artcl-author-info{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(to right,#F3F3F3,#fff);border-left:4px solid #2BA0E4;border-radius:6px;margin-bottom:2.5rem}
.artcl-author-info .auth-nm{font-weight:600;color:#39243E;font-size:1.05rem;margin:0}
.artcl-bdy-txt{font-size:1.05rem;line-height:1.75;color:#333}
.artcl-bdy-txt p{margin:0 0 1.5rem}
.artcl-bdy-txt h2{color:#39243E;font-size:1.85rem;margin:2.5rem 0 1.2rem;line-height:1.3;font-weight:700;position:relative;padding-left:1rem}
.artcl-bdy-txt h2::before{content:'';position:absolute;left:0;top:.2rem;width:4px;height:calc(100% - 0.4rem);background:linear-gradient(to bottom,#2BA0E4,#39243E);border-radius:2px}
.artcl-bdy-txt h4{color:#2BA0E4;font-size:1.3rem;margin:2rem 0 1rem;line-height:1.4;font-weight:600}
.artcl-bdy-txt ul,.artcl-bdy-txt ol{margin:1.5rem 0;padding-left:1.5rem}
.artcl-bdy-txt li{margin-bottom:.8rem;line-height:1.7}
.artcl-bdy-txt ul li::marker{color:#2BA0E4}
.artcl-bdy-txt ol li::marker{color:#39243E;font-weight:600}
.artcl-bdy-txt del{text-decoration:line-through;opacity:.6}
.artcl-bdy-txt table{width:100%;border-collapse:collapse;margin:2rem 0;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #00000014}
.artcl-bdy-txt table tr:nth-child(even){background:#F3F3F3}
.artcl-bdy-txt table td{padding:1rem;border-bottom:1px solid #e0e0e0;color:#333}
.artcl-bdy-txt table tr:last-child td{border-bottom:none}
.artcl-cta-sec{margin-top:3rem;padding:2.5rem;background:linear-gradient(135deg,#39243E 0%,#2BA0E4 100%);border-radius:8px;text-align:center;box-shadow:0 6px 16px #39243e33}
.artcl-cta-sec h3{color:#fff;font-size:1.6rem;margin:0 0 1rem;font-weight:600}
.artcl-cta-sec p{color:#ffffffe6;margin:0 0 1.8rem;font-size:1.05rem}
.artcl-cta-sec .btn-primary-cstm{display:inline-block;padding:.9rem 2.5rem;background:#fff;color:#39243E;border-radius:6px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 10px #00000026;position:relative;z-index:10}
.artcl-cta-sec .btn-primary-cstm:hover{background:#F3F3F3;transform:translateY(-2px);box-shadow:0 6px 14px #0003}
@media (max-width: 768px) {
.artcl-header{padding:3rem 1rem 2rem}
.artcl-title-main{font-size:1.9rem}
.artcl-subtitle-sec{font-size:1.1rem}
.artcl-img-wrp{margin:-1rem auto 2rem;padding:0 1rem}
.artcl-content-wrp{padding:0 1rem 3rem}
.artcl-bdy-txt{font-size:1rem}
.artcl-bdy-txt h2{font-size:1.5rem;margin:2rem 0 1rem}
.artcl-bdy-txt h4{font-size:1.15rem}
.artcl-cta-sec{padding:2rem 1.5rem}
.artcl-cta-sec h3{font-size:1.3rem}
}
@media (max-width: 480px) {
.artcl-meta-top{gap:1rem}
.artcl-dtls-row{font-size:.85rem;gap:.8rem}
.artcl-title-main{font-size:1.6rem}
.artcl-author-info{padding:1rem}
.artcl-bdy-txt h2{font-size:1.35rem}
}
.title_wrap{background:linear-gradient(135deg,#39243E 0%,#2BA0E4 100%);padding:80px 20px 120px;position:relative;overflow:hidden;margin-bottom:100px}
.title_wrap::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#f3f3f31a 0%,transparent 70%);animation:aurora_move 20s ease-in-out infinite}
@keyframes aurora_move {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(30px,30px) rotate(10deg)}
}
.title_wrap .inner_container{max-width:960px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:40px}
.title_wrap .hero_img_card{background:#F3F3F3;border-radius:12px;padding:16px;box-shadow:0 8px 24px #2ba0e44d;max-width:480px;width:100%}
.title_wrap .hero_img_card img{width:100%;height:320px;object-fit:cover;border-radius:8px;display:block;position:relative}
.title_wrap .hero_img_card img::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,transparent 40%,#0006 100%);pointer-events:none}
.title_wrap .typewriter_heading{color:#F3F3F3;font-size:3rem;font-weight:700;text-align:center;line-height:1.2;overflow:hidden;border-right:3px solid #2BA0E4;white-space:nowrap;animation:typing 3.5s steps(40,end),blink .75s step-end infinite;max-width:100%}
@keyframes typing {
from{width:0}
to{width:100%}
}
@keyframes blink {
from,to{border-color:transparent}
50%{border-color:#2BA0E4}
}
.title_wrap .subtext{color:#F3F3F3;font-size:1.25rem;text-align:center;max-width:640px;line-height:1.6}
.development_section{max-width:960px;margin:0 auto 80px;padding:0 20px}
.development_section .section_header{text-align:center;margin-bottom:60px}
.development_section .section_header h2{color:#39243E;font-size:2.5rem;margin-bottom:16px;position:relative;display:inline-block}
.development_section .section_header h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#39243E,#2BA0E4);border-radius:2px}
.development_section .section_header p{color:#333;font-size:1.1rem;line-height:1.6;max-width:720px;margin:0 auto}
.trajectory_tabs_container{background:#F3F3F3;border-radius:8px;padding:32px;box-shadow:0 4px 12px #39243e1a}
.trajectory_tabs_container input[type="radio"]{display:none}
.trajectory_tabs_container .tab_navigation{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap;justify-content:center}
.trajectory_tabs_container .tab_label{padding:12px 24px;background:#fff;border:2px solid #2BA0E4;border-radius:6px;color:#2BA0E4;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:1rem}
.trajectory_tabs_container .tab_label:hover{background:#2ba0e41a;transform:translateY(-2px)}
.trajectory_tabs_container input[type="radio"]:checked + .tab_label{background:#2BA0E4;color:#fff;box-shadow:0 4px 8px #2ba0e44d}
.trajectory_tabs_container .tab_content{display:none}
.trajectory_tabs_container input[type="radio"]:checked ~ .tab_panels .tab_content[data-tab="beginner"],.trajectory_tabs_container input[type="radio"]:nth-of-type(1):checked ~ .tab_panels .tab_content:nth-of-type(1){display:block}
.trajectory_tabs_container input[type="radio"]:nth-of-type(2):checked ~ .tab_panels .tab_content:nth-of-type(2){display:block}
.trajectory_tabs_container input[type="radio"]:nth-of-type(3):checked ~ .tab_panels .tab_content:nth-of-type(3){display:block}
.trajectory_tabs_container .tab_content h3{color:#39243E;font-size:1.8rem;margin-bottom:20px}
.trajectory_tabs_container .tab_content .content_grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.trajectory_tabs_container .tab_content .info_card{background:#fff;padding:20px;border-radius:6px;border-left:4px solid #2BA0E4}
.trajectory_tabs_container .tab_content .info_card h4{color:#39243E;font-size:1.2rem;margin-bottom:12px}
.trajectory_tabs_container .tab_content .info_card p{color:#333;line-height:1.6;font-size:.95rem}
.trajectory_tabs_container .tab_content .profile_showcase{display:flex;align-items:center;gap:24px;background:#fff;padding:24px;border-radius:6px;margin-top:24px}
.trajectory_tabs_container .tab_content .profile_showcase img{width:120px;height:120px;object-fit:cover;border-radius:50%;border:4px solid #2BA0E4}
.trajectory_tabs_container .tab_content .profile_showcase .profile_info h5{color:#39243E;font-size:1.3rem;margin-bottom:8px}
.trajectory_tabs_container .tab_content .profile_showcase .profile_info p{color:#333;line-height:1.6;font-size:.95rem}
.learning_directions_section{background:linear-gradient(180deg,#F3F3F3 0%,#fff 100%);padding:80px 20px;margin-bottom:80px}
.learning_directions_section .inner_wrapper{max-width:960px;margin:0 auto}
.learning_directions_section .section_title{text-align:center;margin-bottom:60px}
.learning_directions_section .section_title h2{color:#39243E;font-size:2.5rem;margin-bottom:16px;position:relative;display:inline-block}
.learning_directions_section .section_title h2::before{content:'';position:absolute;top:50%;left:-80px;width:60px;height:3px;background:#2BA0E4}
.learning_directions_section .section_title h2::after{content:'';position:absolute;top:50%;right:-80px;width:60px;height:3px;background:#2BA0E4}
.learning_directions_section .directions_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.learning_directions_section .direction_card{background:#fff;padding:32px 24px;border-radius:8px;box-shadow:0 4px 12px #39243e14;transition:all .3s ease;position:relative;overflow:hidden}
.learning_directions_section .direction_card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#39243E,#2BA0E4);transform:scaleX(0);transition:transform .3s ease}
.learning_directions_section .direction_card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #2ba0e433}
.learning_directions_section .direction_card:hover::before{transform:scaleX(1)}
.learning_directions_section .direction_card .card_icon{width:64px;height:64px;background:linear-gradient(135deg,#39243E,#2BA0E4);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.learning_directions_section .direction_card .card_icon svg{width:32px;height:32px;fill:#F3F3F3}
.learning_directions_section .direction_card h3{color:#39243E;font-size:1.5rem;margin-bottom:16px}
.learning_directions_section .direction_card p{color:#333;line-height:1.6;font-size:.95rem;margin-bottom:16px}
.learning_directions_section .direction_card .card_features{list-style:none;padding:0;margin:0}
.learning_directions_section .direction_card .card_features li{color:#333;padding:8px 0;padding-left:24px;position:relative;font-size:.9rem}
.learning_directions_section .direction_card .card_features li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#2BA0E4;border-radius:50%}
.learning_directions_section .showcase_image{margin-top:60px;text-align:center}
.learning_directions_section .showcase_image img{max-width:100%;height:auto;max-height:400px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #39243e26}
.cta_section{max-width:960px;margin:0 auto 80px;padding:0 20px}
.cta_section .cta_container{background:linear-gradient(135deg,#39243E 0%,#2BA0E4 100%);border-radius:12px;padding:60px 40px;text-align:center;box-shadow:0 8px 24px #39243e33;position:relative;overflow:hidden}
.cta_section .cta_container::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#f3f3f31a 0%,transparent 70%);animation:pulse_glow 8s ease-in-out infinite}
@keyframes pulse_glow {
0%,100%{opacity:.3;transform:scale(1)}
50%{opacity:.6;transform:scale(1.1)}
}
.cta_section .cta_container h2{color:#F3F3F3;font-size:2.2rem;margin-bottom:20px;position:relative;z-index:2}
.cta_section .cta_container p{color:#F3F3F3;font-size:1.1rem;line-height:1.6;margin-bottom:32px;max-width:640px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.cta_section .cta_container .btn_group{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.cta_section .cta_container .btn_primary{padding:16px 32px;background:#F3F3F3;color:#39243E;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-shadow:0 4px 12px #0003}
.cta_section .cta_container .btn_primary:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000004d;background:#fff}
.cta_section .cta_container .btn_secondary{padding:16px 32px;background:transparent;color:#F3F3F3;border:2px solid #F3F3F3;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}
.cta_section .cta_container .btn_secondary:hover{background:#F3F3F3;color:#39243E;transform:translateY(-3px)}
@media (max-width: 768px) {
.title_wrap{padding:60px 20px 80px;margin-bottom:60px}
.title_wrap .typewriter_heading{font-size:2rem;white-space:normal;animation:none;border-right:none}
.title_wrap .hero_img_card{max-width:100%}
.title_wrap .hero_img_card img{height:240px}
.development_section .section_header h2,.learning_directions_section .section_title h2{font-size:2rem}
.learning_directions_section .section_title h2::before,.learning_directions_section .section_title h2::after{display:none}
.trajectory_tabs_container{padding:20px}
.trajectory_tabs_container .tab_content .content_grid{grid-template-columns:1fr}
.trajectory_tabs_container .tab_content .profile_showcase{flex-direction:column;text-align:center}
.learning_directions_section .directions_grid{grid-template-columns:1fr;gap:24px}
.cta_section .cta_container{padding:40px 24px}
.cta_section .cta_container h2{font-size:1.8rem}
.cta_section .cta_container .btn_group{flex-direction:column}
}
@media (min-width: 769px) and (max-width: 1024px) {
.learning_directions_section .directions_grid{grid-template-columns:repeat(2,1fr)}
.trajectory_tabs_container .tab_content .content_grid{gap:20px}
}
.intro-hero{background:linear-gradient(135deg,#F3F3F3 0%,#e8e3e9 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.hero-wrapper{max-width:960px;margin:0 auto;position:relative;z-index:2}
.floating-shps{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}
.shp{position:absolute;border-radius:50%;background:#2ba0e414;animation:floatAnim 20s infinite ease-in-out}
.shp1{width:180px;height:180px;top:10%;left:5%;animation-delay:0s}
.shp2{width:120px;height:120px;top:60%;right:10%;background:#39243e0f;animation-delay:3s}
.shp3{width:90px;height:90px;bottom:15%;left:15%;animation-delay:6s}
.shp4{width:140px;height:140px;top:40%;right:20%;background:#f3f3f366;animation-delay:9s}
@keyframes floatAnim {
0%,100%{transform:translate(0,0) scale(1);opacity:.3}
33%{transform:translate(30px,-30px) scale(1.1);opacity:.6}
66%{transform:translate(-20px,20px) scale(0.95);opacity:.4}
}
.hero-content-block{display:flex;gap:60px;align-items:center;position:relative;z-index:2}
.hero-txt-area{flex:1}
.hero-main-hdng{font-size:2.8rem;line-height:1.2;color:#39243E;margin:0 0 24px;font-weight:700}
.hero-lead-txt{font-size:1.25rem;line-height:1.6;color:#333;margin:0 0 16px}
.hero-sub-txt{font-size:1.05rem;line-height:1.65;color:#555;margin:0}
.hero-img-card{flex:0 0 440px;background:#fff;border-radius:12px;padding:12px;box-shadow:0 8px 24px #2ba0e426;position:relative}
.img-wash-effect{position:relative;overflow:hidden;border-radius:8px}
.img-wash-effect img{display:block;width:100%;height:auto}
.img-wash-effect::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,#2ba0e44d 50%,transparent 100%);animation:washSlide 8s infinite ease-in-out}
@keyframes washSlide {
0%,100%{left:-100%}
50%{left:100%}
}
@media (max-width: 768px) {
.intro-hero{padding:60px 16px 70px}
.hero-content-block{flex-direction:column;gap:40px}
.hero-img-card{flex:0 0 auto;width:100%;max-width:400px}
.hero-main-hdng{font-size:2rem}
.hero-lead-txt{font-size:1.1rem}
}
.foundation-grid{background:#fff;padding:90px 20px}
.foundation-cntr{max-width:960px;margin:0 auto}
.grid-layout-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid-item{background:#F3F3F3;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.featured-wide{grid-column:span 2;background:linear-gradient(145deg,#39243E 0%,#2c1b32 100%);color:#fff;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0}
.item-content-box{padding:36px 32px}
.section-title-alt{font-size:2rem;line-height:1.3;color:#fff;margin:0 0 20px;font-weight:700}
.item-body-txt{font-size:1rem;line-height:1.65;color:#e8e8e8;margin:0 0 14px}
.item-body-txt:last-child{margin-bottom:0}
.img-embed-area{display:flex;align-items:center;justify-content:center;padding:20px}
.img-embed-area img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 4px 12px #0003}
.item-visual-top img,.item-visual-bottom img{display:block;width:100%;height:auto}
.item-txt-bottom,.item-txt-top{padding:24px 20px}
.item-heading-small{font-size:1.3rem;line-height:1.35;color:#39243E;margin:0 0 12px;font-weight:600}
.compact-txt{font-size:.95rem;line-height:1.6;color:#444;margin:0 0 10px}
.compact-txt:last-child{margin-bottom:0}
.span-two{grid-column:span 2;background:#fff;border:2px solid #2BA0E4}
.horizontal-split{display:grid;grid-template-columns:1fr 1.2fr;gap:0;height:100%}
.split-image-side{display:flex;align-items:center;justify-content:center;padding:16px;background:#f9f9f9}
.split-image-side img{display:block;width:100%;height:auto;border-radius:6px}
.split-text-side{padding:28px 24px;display:flex;flex-direction:column;justify-content:center}
@media (max-width: 768px) {
.grid-layout-3col{grid-template-columns:1fr}
.featured-wide,.span-two{grid-column:span 1}
.featured-wide{grid-template-columns:1fr}
.horizontal-split{grid-template-columns:1fr}
}
.team-showcase{background:linear-gradient(180deg,#e8f4fc 0%,#F3F3F3 100%);padding:90px 20px}
.showcase-container{max-width:960px;margin:0 auto}
.showcase-header-zone{text-align:center;margin-bottom:60px}
.showcase-title{font-size:2.4rem;line-height:1.25;color:#39243E;margin:0 0 20px;font-weight:700}
.showcase-intro-p{font-size:1.1rem;line-height:1.65;color:#444;max-width:700px;margin:0 auto}
.team-cards-row{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:60px}
.member-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px #39243e1f;transition:transform .3s ease,box-shadow .3s ease}
.member-card:hover{transform:translateY(-6px);box-shadow:0 10px 28px #2ba0e433}
.card-img-area img{display:block;width:100%;height:auto}
.card-txt-area{padding:28px 24px}
.member-name{font-size:1.4rem;line-height:1.3;color:#39243E;margin:0 0 6px;font-weight:600}
.member-role{font-size:.95rem;line-height:1.4;color:#2BA0E4;margin:0 0 14px;font-weight:500}
.member-bio{font-size:.95rem;line-height:1.6;color:#555;margin:0}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.value-box{background:#fff;padding:32px 24px;border-radius:8px;border-left:5px solid #2BA0E4;box-shadow:0 4px 12px #00000014}
.vbox2{border-left-color:#39243E}
.vbox3{border-left-color:#2BA0E4}
.value-heading{font-size:1.2rem;line-height:1.3;color:#39243E;margin:0 0 12px;font-weight:600}
.value-descr{font-size:.95rem;line-height:1.6;color:#555;margin:0}
@media (max-width: 768px) {
.team-cards-row{grid-template-columns:1fr;gap:30px}
.values-grid{grid-template-columns:1fr;gap:20px}
}
.approach-detail{background:#fff;padding:90px 20px}
.approach-cntr{max-width:960px;margin:0 auto}
.asymmetric-layout{display:grid;grid-template-columns:280px 1fr;gap:60px}
.sticky-label-box{position:sticky;top:80px}
.label-hdng{font-size:2rem;line-height:1.3;color:#39243E;margin:0 0 16px;font-weight:700}
.label-subline{font-size:1rem;line-height:1.6;color:#666;margin:0}
.method-steps{display:flex;flex-direction:column;gap:32px;margin-bottom:60px}
.step-block{background:#f9f9f9;padding:28px 24px;border-radius:8px;border-left:6px solid #2BA0E4;display:flex;gap:20px;align-items:flex-start}
.stp2{border-left-color:#39243E}
.stp3{border-left-color:#2BA0E4}
.stp4{border-left-color:#39243E}
.step-num-badge{flex:0 0 50px;height:50px;background:#2BA0E4;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700}
.stp2 .step-num-badge{background:#39243E}
.stp3 .step-num-badge{background:#2BA0E4}
.stp4 .step-num-badge{background:#39243E}
.step-title{font-size:1.3rem;line-height:1.35;color:#39243E;margin:0 0 10px;font-weight:600}
.step-description{font-size:.95rem;line-height:1.65;color:#555;margin:0}
.stats-display{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:50px}
.stat-item{background:linear-gradient(135deg,#2BA0E4 0%,#1e7db0 100%);padding:32px 20px;border-radius:10px;text-align:center;color:#fff;box-shadow:0 6px 16px #2ba0e440}
.stat-number{display:block;font-size:2.5rem;line-height:1.2;font-weight:700;margin-bottom:8px}
.stat-label{display:block;font-size:.9rem;line-height:1.4;opacity:.95}
.closing-note-box{background:#F3F3F3;border-radius:10px;overflow:hidden;position:relative}
.closing-note-box img{display:block;width:100%;height:auto}
.note-txt-overlay{padding:32px 28px;background:#fffffff2;position:relative}
.note-content{font-size:1rem;line-height:1.65;color:#333;margin:0 0 20px}
.btn-inline-link{display:inline-block;padding:12px 28px;background:#2BA0E4;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;font-size:.95rem;transition:background .3s ease,transform .2s ease;box-shadow:0 4px 10px #2ba0e44d;position:relative;z-index:10}
.btn-inline-link:hover{background:#1e7db0;transform:translateY(-2px);box-shadow:0 6px 14px #2ba0e466}
@media (max-width: 1024px) {
.asymmetric-layout{grid-template-columns:1fr;gap:40px}
.sticky-label-box{position:static}
}
@media (max-width: 768px) {
.approach-detail{padding:70px 16px}
.stats-display{grid-template-columns:1fr;gap:20px}
.step-block{flex-direction:column;gap:16px}
}
.cntct-hero{display:grid;grid-template-columns:180px 1fr;gap:0;max-width:960px;margin:3rem auto 0;padding:0 1.5rem}
.cntct-hero .img-strp{position:relative;overflow:hidden;border-radius:8px 0 0 8px}
.cntct-hero .img-strp img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease-out}
.cntct-hero .img-strp:hover img{transform:translateY(-8px) scale(1.02)}
.cntct-hero .txt-blck{background:linear-gradient(135deg,#F3F3F3 0%,#fff 100%);padding:2.5rem 3rem;border-radius:0 8px 8px 0;display:flex;flex-direction:column;justify-content:center}
.cntct-hero .txt-blck h1{margin:0;line-height:1.2;color:#39243E}
.cntct-hero .txt-blck .ln1{font-size:1.8rem;font-weight:400;display:block;margin-bottom:.3rem}
.cntct-hero .txt-blck .ln2{font-size:2.4rem;font-weight:600;display:block;margin-bottom:.3rem}
.cntct-hero .txt-blck .ln3{font-size:3rem;font-weight:700;display:block;color:#2BA0E4}
.frm-wrp{max-width:960px;margin:4rem auto;padding:0 1.5rem 4rem}
.frm-wrp .intro-txt{text-align:center;margin-bottom:3rem}
.frm-wrp .intro-txt p{font-size:1.05rem;color:#444;line-height:1.6;max-width:640px;margin:0 auto .8rem}
.cform{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:3rem 2.5rem;box-shadow:0 4px 8px #2ba0e414}
.cform .fld-grp{margin-bottom:1.8rem}
.cform .fld-grp label{display:block;font-size:.95rem;font-weight:600;color:#39243E;margin-bottom:.5rem}
.cform .fld-grp input[type="text"],.cform .fld-grp input[type="email"],.cform .fld-grp input[type="tel"]{width:100%;padding:.85rem 1rem;font-size:1rem;border:2px solid #e0e0e0;border-radius:6px;transition:all .2s ease;background:#fafafa}
.cform .fld-grp input:focus{outline:none;border-color:#2BA0E4;background:#fff;box-shadow:0 0 0 3px #2ba0e41a}
.cform .ctgry-wrapper{margin-bottom:1.8rem}
.cform .ctgry-wrapper .ctgry-label{display:block;font-size:.95rem;font-weight:600;color:#39243E;margin-bottom:.8rem}
.cform .ctgry-opts{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.cform .ctgry-opts input[type="radio"]{display:none}
.cform .ctgry-opts label{display:block;padding:.9rem 1.2rem;background:#fafafa;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;color:#555;text-align:center;transition:all .2s ease}
.cform .ctgry-opts input[type="radio"]:checked + label{background:linear-gradient(135deg,#2BA0E4,#39243E);color:#fff;border-color:#2BA0E4;box-shadow:0 3px 6px #2ba0e44d}
.cform .ctgry-opts label:hover{border-color:#2BA0E4;transform:translateY(-2px)}
.cform .prvc-chck{margin-bottom:1.8rem;display:flex;align-items:flex-start;gap:.6rem}
.cform .prvc-chck input[type="checkbox"]{margin-top:.25rem;width:18px;height:18px;cursor:pointer;accent-color:#2BA0E4}
.cform .prvc-chck label{font-size:.9rem;color:#555;line-height:1.5;cursor:pointer}
.cform .prvc-chck label a{color:#2BA0E4;text-decoration:underline}
.cform .prvc-chck label a:hover{color:#39243E}
.cform .sbmt-btn{width:100%;padding:1rem 2rem;font-size:1.05rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#2BA0E4,#39243E);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #2ba0e440}
.cform .sbmt-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #2ba0e459}
.cform .sbmt-btn:active{transform:translateY(0)}
.cntct-dtls{max-width:960px;margin:4rem auto;padding:0 1.5rem 3rem}
.cntct-dtls .dtls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.cntct-dtls .dtl-crd{background:#fff;padding:2rem 1.5rem;border-radius:8px;border:1px solid #e0e0e0;text-align:center;transition:all .3s ease;position:relative}
.cntct-dtls .dtl-crd::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2BA0E4,#39243E);border-radius:8px 8px 0 0;opacity:0;transition:opacity .3s ease}
.cntct-dtls .dtl-crd:hover{box-shadow:0 5px 10px #2ba0e426;transform:translateY(-4px)}
.cntct-dtls .dtl-crd:hover::before{opacity:1}
.cntct-dtls .dtl-crd h3{font-size:1.1rem;font-weight:600;color:#39243E;margin:0 0 .8rem}
.cntct-dtls .dtl-crd p{font-size:.95rem;color:#555;margin:0;line-height:1.6}
.cntct-dtls .dtl-crd a{color:#2BA0E4;text-decoration:none;font-weight:500}
.cntct-dtls .dtl-crd a:hover{text-decoration:underline}
@media (max-width: 768px) {
.cntct-hero{grid-template-columns:1fr;gap:0;margin:2rem auto 0}
.cntct-hero .img-strp{height:200px;border-radius:8px 8px 0 0}
.cntct-hero .txt-blck{padding:2rem 1.5rem;border-radius:0 0 8px 8px}
.cntct-hero .txt-blck .ln1{font-size:1.4rem}
.cntct-hero .txt-blck .ln2{font-size:1.8rem}
.cntct-hero .txt-blck .ln3{font-size:2.2rem}
.frm-wrp{margin:3rem auto}
.cform{padding:2rem 1.5rem}
.cform .ctgry-opts{grid-template-columns:1fr}
.cntct-dtls .dtls-grid{grid-template-columns:1fr;gap:1.2rem}
}
@media (max-width: 480px) {
.cntct-hero .txt-blck{padding:1.5rem 1rem}
.cntct-hero .txt-blck .ln1{font-size:1.2rem}
.cntct-hero .txt-blck .ln2{font-size:1.5rem}
.cntct-hero .txt-blck .ln3{font-size:1.9rem}
.cform{padding:1.5rem 1rem}
}
.hero-bloom{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at center,#F3F3F3 0%,#fff 100%);padding:80px 20px}
.hero-bloom .geom-shape{position:absolute;border-radius:50%;opacity:.15}
.hero-bloom .geom-shape.shape1{width:300px;height:300px;background:#2BA0E4;top:-100px;left:-80px}
.hero-bloom .geom-shape.shape2{width:200px;height:200px;background:#39243E;bottom:-60px;right:-40px}
.hero-bloom .geom-shape.shape3{width:150px;height:150px;background:#2BA0E4;top:50%;right:10%;transform:translateY(-50%)}
.hero-bloom .heading-split{position:relative;z-index:2;text-align:center;max-width:960px;margin:0 auto}
.hero-bloom .heading-split h1{font-size:3.2rem;line-height:1.2;margin:0 0 24px;color:#39243E}
.hero-bloom .heading-split .part-left{display:inline-block;animation:slideInLeft .8s ease-out}
.hero-bloom .heading-split .part-right{display:inline-block;animation:slideInRight .8s ease-out}
.hero-bloom .heading-split p{font-size:1.15rem;line-height:1.6;color:#2c2c2c;max-width:680px;margin:0 auto}
.hero-bloom .image-scale{margin-top:40px;max-width:700px;margin-left:auto;margin-right:auto}
.hero-bloom .image-scale img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #2ba0e426}
@keyframes slideInLeft {
from{opacity:0;transform:translateX(-60px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes slideInRight {
from{opacity:0;transform:translateX(60px)}
to{opacity:1;transform:translateX(0)}
}
.pgm-layout{max-width:960px;margin:80px auto;padding:0 20px}
.pgm-layout .track-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:80px}
.pgm-layout .track-card{background:linear-gradient(135deg,#F3F3F3 0%,#fff 100%);padding:32px 24px;border-radius:8px;border:2px solid transparent;transition:all .3s ease;position:relative}
.pgm-layout .track-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:#2BA0E4;border-radius:8px 8px 0 0;transform:scaleX(0);transition:transform .3s ease}
.pgm-layout .track-card:hover::before{transform:scaleX(1)}
.pgm-layout .track-card:hover{border-color:#2BA0E4;box-shadow:0 6px 16px #2ba0e433;transform:translateY(-4px)}
.pgm-layout .track-card h3{font-size:1.5rem;color:#39243E;margin:0 0 16px}
.pgm-layout .track-card .duration-mark{display:inline-block;background:#2BA0E4;color:#fff;padding:4px 12px;border-radius:4px;font-size:.85rem;font-weight:600;margin-bottom:16px}
.pgm-layout .track-card p{font-size:.95rem;line-height:1.6;color:#2c2c2c;margin:0 0 20px}
.pgm-layout .track-card .lesson-items{list-style:none;padding:0;margin:0}
.pgm-layout .track-card .lesson-items li{padding:8px 0;font-size:.9rem;color:#4a4a4a;position:relative;padding-left:24px}
.pgm-layout .track-card .lesson-items li::before{content:'';position:absolute;left:0;top:14px;width:12px;height:12px;background:#2BA0E4;border-radius:50%}
.levels-interactive{background:#F3F3F3;padding:60px 20px;margin-bottom:80px}
.levels-interactive .content-box{max-width:960px;margin:0 auto}
.levels-interactive h2{font-size:2.4rem;color:#39243E;text-align:center;margin:0 0 48px}
.levels-interactive .tabs-container input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.levels-interactive .tabs-container{position:relative}
.levels-interactive .tab-navigation{display:flex;gap:12px;justify-content:center;margin-bottom:40px}
.levels-interactive .tab-navigation label{padding:12px 28px;background:#fff;border:2px solid #d0d0d0;border-radius:6px;cursor:pointer;font-weight:600;color:#4a4a4a;transition:all .3s ease}
.levels-interactive .tab-navigation label:hover{border-color:#2BA0E4;color:#2BA0E4}
.levels-interactive input[type="radio"]:checked + .tab-navigation label{background:#2BA0E4;border-color:#2BA0E4;color:#fff}
.levels-interactive input#tab1:checked ~ .tab-navigation label[for="tab1"],.levels-interactive input#tab2:checked ~ .tab-navigation label[for="tab2"],.levels-interactive input#tab3:checked ~ .tab-navigation label[for="tab3"]{background:#2BA0E4;border-color:#2BA0E4;color:#fff}
.levels-interactive .tab-panels .panel-content{display:none;background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 12px #39243e14}
.levels-interactive input#tab1:checked ~ .tab-panels .panel-content:nth-of-type(1),.levels-interactive input#tab2:checked ~ .tab-panels .panel-content:nth-of-type(2),.levels-interactive input#tab3:checked ~ .tab-panels .panel-content:nth-of-type(3){display:block}
.levels-interactive .panel-content h3{font-size:1.8rem;color:#39243E;margin:0 0 20px}
.levels-interactive .panel-content .overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.levels-interactive .panel-content .overview-grid .metric-box{background:#F3F3F3;padding:20px;border-radius:6px}
.levels-interactive .panel-content .overview-grid .metric-box strong{display:block;font-size:.85rem;color:#2BA0E4;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.levels-interactive .panel-content .overview-grid .metric-box span{font-size:1.4rem;color:#39243E;font-weight:700}
.levels-interactive .panel-content p{font-size:1rem;line-height:1.7;color:#2c2c2c;margin:0 0 20px}
.levels-interactive .panel-content ul{list-style:none;padding:0;margin:0}
.levels-interactive .panel-content ul li{padding:10px 0 10px 32px;position:relative;font-size:.95rem;color:#2c2c2c;line-height:1.6}
.levels-interactive .panel-content ul li::before{content:'';position:absolute;left:0;top:16px;width:16px;height:16px;background:#2BA0E4;border-radius:4px}
.testimonial-async{max-width:960px;margin:0 auto 80px;padding:0 20px}
.testimonial-async h2{font-size:2.2rem;color:#39243E;margin:0 0 48px;text-align:center}
.testimonial-async .review-layout{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}
.testimonial-async .review-layout .profile-section{text-align:center}
.testimonial-async .review-layout .profile-section img{width:180px;height:180px;border-radius:50%;object-fit:cover;margin-bottom:20px;border:4px solid #F3F3F3;box-shadow:0 4px 12px #39243e1f}
.testimonial-async .review-layout .profile-section h4{font-size:1.3rem;color:#39243E;margin:0 0 8px}
.testimonial-async .review-layout .profile-section .role-tag{font-size:.9rem;color:#2BA0E4;font-weight:600}
.testimonial-async .review-layout .quote-section{background:linear-gradient(135deg,#F3F3F3 0%,#fff 100%);padding:36px;border-radius:8px;border-left:6px solid #2BA0E4;position:relative}
.testimonial-async .review-layout .quote-section::before{content:'"';position:absolute;top:-20px;left:20px;font-size:6rem;color:#2BA0E4;opacity:.2;line-height:1}
.testimonial-async .review-layout .quote-section p{font-size:1.05rem;line-height:1.8;color:#2c2c2c;margin:0 0 20px;font-style:italic}
.testimonial-async .review-layout .quote-section .outcome-stat{display:inline-block;background:#2BA0E4;color:#fff;padding:8px 16px;border-radius:6px;font-weight:600;font-size:.9rem}
.cta-offset{background:linear-gradient(120deg,#39243E 0%,#2BA0E4 100%);padding:60px 20px;position:relative;overflow:hidden}
.cta-offset::before{content:'';position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:#ffffff0d;border-radius:50%}
.cta-offset::after{content:'';position:absolute;bottom:-80px;left:-80px;width:400px;height:400px;background:#ffffff08;border-radius:50%}
.cta-offset .cta-inner{max-width:960px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.cta-offset .cta-inner .text-area h2{font-size:2.2rem;color:#fff;margin:0 0 16px}
.cta-offset .cta-inner .text-area p{font-size:1.1rem;color:#F3F3F3;line-height:1.6;margin:0}
.cta-offset .cta-inner .action-area{display:flex;flex-direction:column;gap:16px}
.cta-offset .cta-inner .action-area a{display:inline-block;padding:14px 32px;background:#fff;color:#39243E;text-decoration:none;border-radius:6px;font-weight:600;font-size:1rem;text-align:center;transition:all .3s ease;box-shadow:0 4px 12px #00000026}
.cta-offset .cta-inner .action-area a:hover{background:#F3F3F3;transform:translateY(-2px);box-shadow:0 6px 16px #0003}
.cta-offset .cta-inner .action-area a:nth-child(2){background:transparent;color:#fff;border:2px solid #fff}
.cta-offset .cta-inner .action-area a:nth-child(2):hover{background:#ffffff1a}
@media (max-width: 768px) {
.hero-bloom .heading-split h1{font-size:2.2rem}
.pgm-layout .track-wrapper{grid-template-columns:1fr;gap:24px}
.levels-interactive .tab-navigation{flex-direction:column}
.levels-interactive .panel-content .overview-grid{grid-template-columns:1fr}
.testimonial-async .review-layout{grid-template-columns:1fr;gap:32px}
.cta-offset .cta-inner{grid-template-columns:1fr;gap:32px}
.cta-offset .cta-inner .action-area{flex-direction:row}
}
@media (max-width: 1024px) {
.hero-bloom{min-height:400px;padding:60px 20px}
.levels-interactive h2,.testimonial-async h2{font-size:2rem}
}
.quiz-hero{min-height:100vh;background:linear-gradient(135deg,#2BA0E4 0%,#39243E 100%);display:flex;align-items:flex-end;padding:2rem;position:relative;overflow:hidden}
.quiz-hero::before{content:'';position:absolute;top:20%;right:10%;width:2px;height:0;background:#f3f3f34d;animation:lineGrow 1.2s ease-out .3s forwards}
.quiz-hero::after{content:'';position:absolute;top:20%;right:10%;width:0;height:2px;background:#f3f3f34d;animation:lineGrowHorizontal 1.2s ease-out .8s forwards}
@keyframes lineGrow {
to{height:200px}
}
@keyframes lineGrowHorizontal {
to{width:200px}
}
.quiz-hero .hro-cntnt{max-width:960px;margin:0 auto;width:100%;opacity:0;transform:translateY(30px);animation:fadeSlide 1s ease-out .2s forwards}
@keyframes fadeSlide {
to{opacity:1;transform:translateY(0)}
}
.quiz-hero h1{font-size:3.5rem;color:#F3F3F3;margin:0 0 1rem;line-height:1.2}
.quiz-hero .intro-txt{font-size:1.25rem;color:#F3F3F3;max-width:600px;line-height:1.6}
.quiz-container{max-width:960px;margin:0 auto;padding:4rem 2rem}
.quiz-wrapper{background:#F3F3F3;border-radius:8px;padding:3rem;box-shadow:0 4px 6px #39243e26}
.question-block{margin-bottom:3rem}
.question-block:last-child{margin-bottom:2rem}
.q-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #2BA0E4}
.q-number{font-size:2rem;font-weight:700;color:#39243E;min-width:3rem}
.q-text{font-size:1.3rem;color:#39243E;line-height:1.4;margin:0}
.options-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}
.option-item{position:relative}
.option-item input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.option-label{display:block;padding:1.25rem 1.5rem;background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:1.1rem;color:#333}
.option-label:hover{border-color:#2BA0E4;box-shadow:0 2px 8px #2ba0e433;transform:translateX(4px)}
.option-item input[type="radio"]:checked + .option-label{background:linear-gradient(135deg,#2BA0E4 0%,#39243E 100%);border-color:#39243E;color:#F3F3F3;box-shadow:0 4px 8px #39243e40}
.option-item input[type="radio"]:focus + .option-label{outline:3px solid #2BA0E4;outline-offset:2px}
.submit-section{margin-top:3rem;padding-top:2rem;border-top:1px solid #ddd;text-align:center}
.submit-btn{background:linear-gradient(135deg,#39243E 0%,#2BA0E4 100%);color:#F3F3F3;padding:1rem 3rem;border:none;border-radius:6px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #39243e33;position:relative;z-index:10}
.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #39243e4d}
.submit-btn:active{transform:translateY(0)}
.info-grid{max-width:960px;margin:0 auto;padding:5rem 2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.info-card{background:#fff;padding:2rem;border-radius:8px;border-left:4px solid #2BA0E4;box-shadow:0 2px 8px #00000014}
.info-card h3{color:#39243E;font-size:1.4rem;margin:0 0 1rem}
.info-card p{color:#333;line-height:1.6;margin:0;font-size:1rem}
.benefits-section{background:linear-gradient(180deg,#F3F3F3 0%,white 100%);padding:5rem 2rem}
.benefits-wrapper{max-width:960px;margin:0 auto}
.benefits-wrapper h2{color:#39243E;font-size:2.5rem;text-align:center;margin:0 0 3rem;position:relative;display:inline-block;width:100%}
.benefits-wrapper h2::after{content:'';position:absolute;bottom:-.5rem;left:50%;transform:translateX(-50%);width:80px;height:3px;background:#2BA0E4}
.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}
.benefit-item{display:flex;gap:1.5rem;align-items:flex-start}
.benefit-icon{width:60px;height:60px;flex-shrink:0;background:linear-gradient(135deg,#2BA0E4 0%,#39243E 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #39243e33}
.benefit-icon svg{width:30px;height:30px;fill:#F3F3F3}
.benefit-content h4{color:#39243E;font-size:1.3rem;margin:0 0 .5rem}
.benefit-content p{color:#333;line-height:1.6;margin:0;font-size:1rem}
@media (max-width: 768px) {
.quiz-hero h1{font-size:2.5rem}
.quiz-hero .intro-txt{font-size:1.1rem}
.quiz-wrapper{padding:2rem 1.5rem}
.q-header{flex-direction:column;gap:.5rem}
.q-number{font-size:1.5rem}
.q-text{font-size:1.1rem}
.option-label{padding:1rem;font-size:1rem}
.info-grid{grid-template-columns:1fr;padding:3rem 1.5rem}
.benefits-grid{grid-template-columns:1fr;gap:2rem}
.benefits-wrapper h2{font-size:2rem}
}
@media (max-width: 1024px) and (min-width: 769px) {
.info-grid{grid-template-columns:repeat(2,1fr)}
}
.speaking-hero{background:linear-gradient(135deg,#39243E 0%,#2BA0E4 100%);padding:80px 20px 60px;text-align:center;position:relative;overflow:hidden}
.speaking-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#f3f3f31a;border-radius:50%}
.speaking-hero .hero-wrapper{max-width:960px;margin:0 auto;position:relative;z-index:2}
.speaking-hero h1{color:#F3F3F3;font-size:2.8rem;margin-bottom:16px;font-weight:700}
.speaking-hero p{color:#F3F3F3;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}
.intro-segment{max-width:960px;margin:60px auto;padding:0 20px}
.intro-segment h2{color:#39243E;font-size:2rem;margin-bottom:24px}
.intro-segment .text-block{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:30px}
.intro-segment .text-block p{color:#333;line-height:1.8;font-size:1rem}
.stats-row{display:flex;gap:20px;margin-top:40px}
.stats-row .stat-item{flex:1;background:#F3F3F3;padding:30px 20px;border-radius:8px;text-align:center;box-shadow:0 4px 6px #2ba0e426}
.stats-row .stat-item .number{font-size:2.5rem;color:#2BA0E4;font-weight:700;display:block;margin-bottom:8px}
.stats-row .stat-item .label{color:#39243E;font-size:.95rem}
.posts-container{max-width:960px;margin:80px auto;padding:0 20px}
.posts-container h2{color:#39243E;font-size:2.2rem;margin-bottom:50px;text-align:center}
.posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.post-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 6px 12px #39243e1f;transition:transform 0.3s,box-shadow .3s;display:flex;flex-direction:column}
.post-card:hover{transform:translateY(-6px);box-shadow:0 10px 20px #2ba0e433}
.post-card .img-wrapper{width:100%;height:220px;overflow:hidden;position:relative}
.post-card .img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.post-card:hover .img-wrapper img{transform:scale(1.08)}
.post-card .tag-badge{position:absolute;top:16px;left:16px;background:#2BA0E4;color:#fff;padding:6px 14px;border-radius:6px;font-size:.8rem;font-weight:600;z-index:3}
.post-card .content-area{padding:24px;flex-grow:1;display:flex;flex-direction:column}
.post-card .content-area h3{color:#39243E;font-size:1.4rem;margin-bottom:12px;line-height:1.4}
.post-card .content-area .subtitle{color:#2BA0E4;font-size:.9rem;margin-bottom:12px;font-weight:500}
.post-card .content-area .description{color:#555;font-size:.95rem;line-height:1.6;margin-bottom:20px;flex-grow:1}
.post-card .meta-info{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #F3F3F3;font-size:.85rem;color:#777}
.post-card .meta-info .author-data{display:flex;align-items:center;gap:8px}
.post-card .meta-info .engagement{display:flex;gap:16px}
.post-card .meta-info .engagement span{display:flex;align-items:center;gap:4px}
.post-card .footer-actions{padding:0 24px 24px;display:flex;justify-content:space-between;align-items:center}
.post-card .footer-actions .read-link{color:#2BA0E4;text-decoration:none;font-weight:600;font-size:.95rem;transition:color .3s}
.post-card .footer-actions .read-link:hover{color:#39243E}
.post-card .footer-actions .time-badge{background:#F3F3F3;color:#39243E;padding:6px 12px;border-radius:6px;font-size:.85rem}
.cta-section{background:linear-gradient(90deg,#2BA0E4 0%,#39243E 100%);padding:70px 20px;text-align:center;margin-top:80px}
.cta-section .cta-inner{max-width:700px;margin:0 auto}
.cta-section h2{color:#F3F3F3;font-size:2.2rem;margin-bottom:20px}
.cta-section p{color:#F3F3F3;font-size:1.05rem;margin-bottom:32px;line-height:1.7}
.cta-section .btn-light{display:inline-block;background:#F3F3F3;color:#39243E;padding:14px 36px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:background 0.3s,transform .3s;box-shadow:0 4px 8px #00000026}
.cta-section .btn-light:hover{background:#fff;transform:translateY(-3px)}
@media (max-width: 768px) {
.speaking-hero h1{font-size:2rem}
.speaking-hero p{font-size:1rem}
.intro-segment .text-block{grid-template-columns:1fr;gap:20px}
.stats-row{flex-direction:column}
.posts-grid{grid-template-columns:1fr;gap:24px}
.post-card .img-wrapper{height:200px}
.cta-section h2{font-size:1.8rem}
}
@media (max-width: 1024px) and (min-width: 769px) {
.posts-grid{gap:26px}
}
.success-wrapper{min-height:85vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#39243E 0%,#2d1b33 50%,#39243E 100%);position:relative;overflow:hidden;padding:3rem 1.5rem}
.success-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,#2ba0e408 35px,#2ba0e408 70px),repeating-linear-gradient(-45deg,transparent,transparent 35px,#f3f3f305 35px,#f3f3f305 70px);pointer-events:none}
.success-cntnr{max-width:680px;margin:0 auto;text-align:center;position:relative;z-index:2}
.success-icn-wrp{width:96px;height:96px;margin:0 auto 2.5rem;position:relative}
.success-icn-wrp::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,#2ba0e426 0%,transparent 70%);border-radius:50%}
.success-icn-wrp svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px #2ba0e44d)}
.success-title-main{font-size:2.8rem;font-weight:700;color:#F3F3F3;margin:0 0 1.2rem;line-height:1.15;letter-spacing:-.02em}
.success-subtxt{font-size:1.15rem;color:#f3f3f3d9;margin:0 0 2.8rem;line-height:1.6;max-width:520px;margin-left:auto;margin-right:auto}
.success-btn-container{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.success-lnk-primary{display:inline-block;padding:.95rem 2.2rem;background:linear-gradient(135deg,#2BA0E4 0%,#2389c4 100%);color:#F3F3F3;text-decoration:none;border-radius:6px;font-weight:600;font-size:1.05rem;transition:all .3s ease;box-shadow:0 4px 12px #2ba0e440;position:relative;z-index:10}
.success-lnk-primary:hover{background:linear-gradient(135deg,#2389c4 0%,#1e7ab0 100%);transform:translateY(-2px);box-shadow:0 6px 18px #2ba0e459;color:#F3F3F3}
.success-lnk-secondary{display:inline-block;padding:.95rem 2.2rem;background:transparent;color:#F3F3F3;text-decoration:none;border-radius:6px;font-weight:600;font-size:1.05rem;transition:all .3s ease;border:2px solid #f3f3f34d;position:relative;z-index:10}
.success-lnk-secondary:hover{background:#f3f3f314;border-color:#f3f3f380;color:#F3F3F3}
.success-decor-dots{position:absolute;width:8px;height:8px;background:#2ba0e433;border-radius:50%}
.success-decor-dots:nth-of-type(1){top:12%;left:8%;animation:float-dot 6s ease-in-out infinite}
.success-decor-dots:nth-of-type(2){top:25%;right:12%;width:6px;height:6px;animation:float-dot 7s ease-in-out infinite 1s}
.success-decor-dots:nth-of-type(3){bottom:20%;left:15%;width:10px;height:10px;animation:float-dot 8s ease-in-out infinite 2s}
.success-decor-dots:nth-of-type(4){bottom:15%;right:10%;animation:float-dot 7.5s ease-in-out infinite 1.5s}
@keyframes float-dot {
0%,100%{transform:translateY(0px);opacity:.2}
50%{transform:translateY(-20px);opacity:.4}
}
@media (max-width: 768px) {
.success-wrapper{padding:2rem 1.2rem;min-height:75vh}
.success-title-main{font-size:2rem;margin-bottom:1rem}
.success-subtxt{font-size:1rem;margin-bottom:2rem}
.success-icn-wrp{width:76px;height:76px;margin-bottom:2rem}
.success-icn-wrp::before{width:96px;height:96px}
.success-btn-container{flex-direction:column;align-items:stretch}
.success-lnk-primary,.success-lnk-secondary{padding:.85rem 1.8rem;font-size:1rem}
.success-decor-dots{display:none}
}
@media (max-width: 480px) {
.success-title-main{font-size:1.65rem}
.success-subtxt{font-size:.95rem}
}