*,::before,::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Ubuntu Mono',monospace;background:#FFFFED;color:#1a1a1a;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.site-header{background:linear-gradient(135deg,#682bef0d 0%,#ffffedf2 100%);padding:24px 0;border-bottom:3px solid #682bef26;box-shadow:0 4px 12px #682bef14}
.site-header .header-wrapper{max-width:1000px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}
.site-header .brand-flow{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.site-header .logo-holder{flex-shrink:0}
.site-header .brand-logo{height:85px;width:85px;object-fit:contain;background:#fff9;padding:8px;border-radius:10px;box-shadow:0 2px 8px #682bef1f;transition:transform .3s ease-in-out}
.site-header .logo-link:hover .brand-logo{transform:scale(1.05)}
.site-header .connector-dot{width:6px;height:6px;background:#682BEF;border-radius:50%;flex-shrink:0}
.site-header .connector-line{width:40px;height:2px;background:linear-gradient(90deg,#682BEF 0%,#0AA46E 100%);flex-shrink:0}
.site-header .brand-text{flex-shrink:0}
.site-header .company-link{font-size:26px;font-weight:700;color:#682BEF;text-decoration:none;transition:color .3s ease-in-out}
.site-header .company-link:hover{color:#0AA46E}
.site-header .tagline-holder{flex-shrink:0}
.site-header .site-tagline{font-size:15px;color:#555;font-style:italic}
.site-header .main-nav{margin-left:auto}
.site-header .nav-list{display:flex;list-style:none;gap:8px;flex-wrap:wrap}
.site-header .nav-item{display:block}
.site-header .nav-link{display:block;padding:10px 18px;color:#333;text-decoration:none;font-size:15px;font-weight:400;border-radius:6px;transition:background-color .3s ease-in-out,color .3s ease-in-out}
.site-header .nav-link:hover{background-color:#682bef1a;color:#682BEF}
.site-footer{background:linear-gradient(180deg,#682bef14 0%,#0aa46e14 100%);padding:48px 0 24px;border-top:2px solid #682bef33;margin-top:60px}
.site-footer .footer-wrapper{max-width:1000px;margin:0 auto;padding:0 20px}
.site-footer .footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:32px}
.site-footer .footer-info{flex:1;min-width:280px}
.site-footer .company-title{font-size:22px;font-weight:700;color:#682BEF;margin-bottom:12px}
.site-footer .footer-address{font-size:14px;color:#555;line-height:1.7;margin-bottom:20px}
.site-footer .contact-block{display:flex;flex-direction:column;gap:10px}
.site-footer .contact-item{display:flex;align-items:center;gap:8px;font-size:14px}
.site-footer .contact-item .mi{color:#0AA46E;font-size:18px}
.site-footer .contact-link{color:#333;text-decoration:none;transition:color .3s ease-in-out}
.site-footer .contact-link:hover{color:#682BEF}
.site-footer .footer-nav{flex-shrink:0}
.site-footer .footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}
.site-footer .footer-link{color:#555;text-decoration:none;font-size:14px;transition:color .3s ease-in-out;border-bottom:1px solid transparent;display:inline-block}
.site-footer .footer-link:hover{color:#682BEF;border-bottom-color:#682BEF}
.site-footer .footer-bottom{padding-top:24px;border-top:1px solid #682bef26;text-align:center}
.site-footer .copyright-text{font-size:13px;color:#777}
.cookie-popup{position:fixed;left:0;top:50%;transform:translateY(-50%) translateX(-100%);background:#fff;width:420px;max-width:90vw;padding:28px;box-shadow:0 8px 24px #00000040;border-radius:0 10px 10px 0;z-index:9999;transition:transform .4s ease-in-out}
.cookie-popup.showing{transform:translateY(-50%) translateX(0)}
.cookie-popup .popup-header{margin-bottom:20px}
.cookie-popup .popup-title{font-size:20px;font-weight:700;color:#682BEF;margin-bottom:10px}
.cookie-popup .popup-description{font-size:14px;color:#555;line-height:1.6}
.cookie-popup .policy-link{color:#0AA46E;text-decoration:underline;transition:color .3s ease-in-out}
.cookie-popup .policy-link:hover{color:#682BEF}
.cookie-popup .consent-options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}
.cookie-popup .consent-item{display:flex;flex-direction:column;gap:4px}
.cookie-popup .consent-label{display:flex;align-items:center;gap:10px;cursor:pointer}
.cookie-popup .consent-toggle{width:18px;height:18px;cursor:pointer}
.cookie-popup .consent-toggle:disabled{cursor:not-allowed;opacity:.6}
.cookie-popup .consent-name{font-size:15px;font-weight:700;color:#333}
.cookie-popup .consent-desc{font-size:13px;color:#666;margin-left:28px}
.cookie-popup .popup-actions{display:flex;flex-direction:column;gap:10px}
.cookie-popup .action-btn{padding:12px 20px;border:none;border-radius:6px;font-family:'Ubuntu Mono',monospace;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .3s ease-in-out,color .3s ease-in-out}
.cookie-popup .accept-btn{background:#682BEF;color:#fff}
.cookie-popup .accept-btn:hover{background:#5620d1}
.cookie-popup .save-btn{background:#0AA46E;color:#fff}
.cookie-popup .save-btn:hover{background:#088d5c}
.cookie-popup .decline-btn{background:#f5f5f5;color:#333}
.cookie-popup .decline-btn:hover{background:#e0e0e0}
.cookie-settings-icon{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:#682BEF;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #682bef4d;display:none;align-items:center;justify-content:center;font-size:22px;transition:background-color .3s ease-in-out,transform .3s ease-in-out;z-index:9998}
.cookie-settings-icon:hover{background:#5620d1;transform:scale(1.1)}
.cookie-settings-icon.visible{display:flex}
@media (max-width: 768px) {
.site-header .header-wrapper{flex-direction:column;align-items:flex-start}
.site-header .brand-flow{width:100%;justify-content:center}
.site-header .main-nav{width:100%;margin-left:0}
.site-header .nav-list{width:100%;justify-content:center}
.site-header .connector-line{display:none}
.site-footer .footer-content{flex-direction:column}
.cookie-popup{width:90vw;left:50%;top:auto;bottom:0;transform:translateX(-50%) translateY(100%);border-radius:10px 10px 0 0}
.cookie-popup.showing{transform:translateX(-50%) translateY(0)}
}
@media (max-width: 480px) {
.site-header .brand-logo{height:65px;width:65px}
.site-header .company-link{font-size:22px}
.site-header .site-tagline{font-size:13px}
.site-header .nav-link{padding:8px 14px;font-size:14px}
.cookie-popup{padding:20px}
.cookie-popup .popup-title{font-size:18px}
}
.policy-text{max-width:1000px;margin:60px auto;padding:0 20px;background:#FFF}
.policy-text p{font-size:16px;line-height:1.8;color:#2c3e50;margin:0 0 24px;text-align:left}
.policy-text p:last-child{margin-bottom:0}
.policy-text a{color:#682BEF;text-decoration:underline;transition:color .3s ease-in-out}
.policy-text a:hover{color:#0AA46E;text-decoration:none}
.policy-text ul,.policy-text ol{margin:0 0 24px;padding-left:28px;color:#2c3e50}
.policy-text ul li,.policy-text ol li{font-size:16px;line-height:1.8;margin-bottom:12px}
.policy-text ul li:last-child,.policy-text ol li:last-child{margin-bottom:0}
.policy-text ul{list-style-type:disc}
.policy-text ol{list-style-type:decimal}
.policy-text ul ul,.policy-text ol ul,.policy-text ul ol,.policy-text ol ol{margin:12px 0 0}
.policy-text table{width:100%;border-collapse:collapse;margin:0 0 32px;font-size:15px;background:#FFF;box-shadow:0 2px 8px #682bef14}
.policy-text thead{background:#682BEF}
.policy-text thead tr th{color:#FFF;font-weight:600;text-align:left;padding:16px 20px;border-bottom:2px solid #5520d4}
.policy-text tbody tr{border-bottom:1px solid #e8e8e8;transition:background .2s ease-in-out}
.policy-text tbody tr:hover{background:#682bef08}
.policy-text tbody tr:last-child{border-bottom:none}
.policy-text tbody tr td{padding:14px 20px;color:#2c3e50;line-height:1.6}
.policy-text hr{border:none;border-top:1px solid #e0e0e0;margin:40px 0}
.policy-text div{margin-bottom:20px}
@media (max-width: 768px) {
.policy-text{margin:40px auto;padding:0 16px}
.policy-text p,.policy-text ul li,.policy-text ol li{font-size:15px;line-height:1.7}
.policy-text table{font-size:14px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.policy-text thead tr th,.policy-text tbody tr td{padding:12px 14px;white-space:nowrap}
.policy-text ul,.policy-text ol{padding-left:24px}
.policy-text hr{margin:32px 0}
}
@media (max-width: 480px) {
.policy-text{margin:30px auto;padding:0 12px}
.policy-text p,.policy-text ul li,.policy-text ol li{font-size:14px}
.policy-text table{font-size:13px}
.policy-text thead tr th,.policy-text tbody tr td{padding:10px 12px}
}
.landing-view{width:100%;max-width:100%;overflow-x:hidden}
.title-hero-wrap{position:relative;width:100%;min-height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#682BEF 0%,#0AA46E 100%)}
.title-hero-wrap::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./cover_photos/main_DSCN0275.jpg);background-size:cover;background-position:center;opacity:.15;z-index:1;animation:gradient-shift 12s ease-in-out infinite}
@keyframes gradient-shift {
0%{transform:scale(1);filter:blur(0px)}
50%{transform:scale(1.05);filter:blur(2px)}
100%{transform:scale(1);filter:blur(0px)}
}
.title-hero-wrap::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(225deg,#682befb3 0%,#0aa46e99 100%);z-index:2;animation:color-flow 15s ease-in-out infinite alternate}
@keyframes color-flow {
0%{opacity:.7}
100%{opacity:.85}
}
.title-content-layer{position:relative;z-index:3;text-align:center;padding:60px 20px;max-width:900px;margin:0 auto}
.main-title-text{font-size:56px;line-height:1.2;color:#FFFFED;font-weight:700;margin:0;text-shadow:0 4px 12px #0000004d}
.title-accent-pause{display:block;margin-top:16px;font-size:48px;color:#FFFFED;opacity:.95}
.decor-line{width:80px;height:4px;background:#FFFFED;margin:28px auto 0;border-radius:2px;box-shadow:0 2px 8px #ffffed66}
.section-wrapper{width:100%;max-width:1000px;margin:0 auto;padding:60px 20px}
.learn-paths-area{background:linear-gradient(180deg,#FFFFED 0%,#fff 100%)}
.learn-paths-area .section-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.path-card{background:#fff;border:1px solid #682bef26;border-radius:8px;padding:36px 28px;transition:all .3s ease-in-out;position:relative}
.path-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#682BEF,#0AA46E);transition:height .3s ease-in-out;border-radius:8px 0 0 8px}
.path-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #682bef26;border-color:#682bef4d}
.path-card:hover::before{height:100%}
.path-icon-holder{width:56px;height:56px;background:linear-gradient(135deg,#682bef1a,#0aa46e1a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.path-icon-holder .mi{font-size:28px;color:#682BEF}
.path-card h3{font-size:22px;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.path-card p{font-size:15px;line-height:1.6;color:#4a4a4a;margin:0}
.practice-zone{background:#fff}
.practice-zone .section-wrapper{display:flex;gap:48px;align-items:center}
.practice-image-side{flex:1;position:relative}
.practice-image-side img{width:100%;height:auto;border-radius:8px;box-shadow:0 6px 20px #0000001f;display:block}
.practice-text-side{flex:1}
.practice-text-side h2{font-size:36px;color:#1a1a1a;margin:0 0 20px;font-weight:700;line-height:1.3}
.practice-text-side p{font-size:16px;line-height:1.7;color:#4a4a4a;margin:0 0 24px}
.practice-features{list-style:none;padding:0;margin:0}
.practice-features li{font-size:15px;color:#2a2a2a;padding:12px 0;padding-left:32px;position:relative;border-bottom:1px solid #682bef14}
.practice-features li:last-child{border-bottom:none}
.practice-features li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;background:linear-gradient(135deg,#682BEF,#0AA46E);border-radius:50%}
.events-block{background:linear-gradient(135deg,#682bef0d 0%,#0aa46e0d 100%)}
.events-block .section-wrapper{text-align:center}
.events-block h2{font-size:38px;color:#1a1a1a;margin:0 0 48px;font-weight:700}
.events-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.event-item{background:#fff;border-radius:8px;padding:32px 28px;text-align:left;box-shadow:0 2px 12px #0000000f;transition:all .3s ease-in-out;border:2px solid transparent}
.event-item:hover{border-color:#682BEF;box-shadow:0 6px 20px #682bef1f}
.event-meta{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.event-badge{padding:6px 14px;background:#0aa46e1a;color:#0AA46E;font-size:13px;font-weight:600;border-radius:4px}
.event-item h4{font-size:20px;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.event-item p{font-size:15px;line-height:1.6;color:#4a4a4a;margin:0}
.tools-section{background:#fff}
.tools-section .section-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.tools-visual-part{position:relative}
.tools-visual-part img{width:100%;height:auto;border-radius:8px;box-shadow:0 8px 24px #0000001a;display:block}
.tools-content-part h2{font-size:36px;color:#1a1a1a;margin:0 0 20px;font-weight:700;line-height:1.3}
.tools-content-part p{font-size:16px;line-height:1.7;color:#4a4a4a;margin:0 0 28px}
.tool-list{display:flex;flex-direction:column;gap:18px}
.tool-entry{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#682bef08;border-radius:6px;transition:background .3s ease-in-out}
.tool-entry:hover{background:#682bef14}
.tool-icon{width:40px;height:40px;background:linear-gradient(135deg,#682BEF,#0AA46E);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tool-icon .mi{font-size:20px;color:#fff}
.tool-text h5{font-size:17px;color:#1a1a1a;margin:0 0 6px;font-weight:600}
.tool-text p{font-size:14px;color:#4a4a4a;margin:0;line-height:1.5}
.connections-area{background:linear-gradient(180deg,#FFFFED 0%,#fff 100%)}
.connections-area .section-wrapper{display:flex;gap:48px;align-items:center}
.connections-text-block{flex:1}
.connections-text-block h2{font-size:36px;color:#1a1a1a;margin:0 0 20px;font-weight:700;line-height:1.3}
.connections-text-block p{font-size:16px;line-height:1.7;color:#4a4a4a;margin:0 0 28px}
.expert-profile{background:#fff;border-radius:8px;padding:28px;box-shadow:0 4px 16px #00000014;display:flex;gap:20px;align-items:center}
.expert-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;border:3px solid #682BEF}
.expert-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.expert-info h5{font-size:19px;color:#1a1a1a;margin:0 0 6px;font-weight:600}
.expert-info p{font-size:14px;color:#4a4a4a;margin:0 0 12px;line-height:1.5}
.expert-quote{font-size:14px;color:#2a2a2a;line-height:1.6;font-style:italic;margin:0;padding-left:16px;border-left:3px solid #0AA46E}
.connections-image-block{flex:1}
.connections-image-block img{width:100%;height:auto;border-radius:8px;box-shadow:0 6px 20px #0000001f;display:block}
.growth-platform{background:#fff}
.growth-platform .section-wrapper{text-align:center}
.growth-platform h2{font-size:38px;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.growth-platform > .section-wrapper > p{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 auto 48px;max-width:720px}
.progress-tracker{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px}
.progress-stage{background:linear-gradient(135deg,#682bef0d,#0aa46e0d);border-radius:8px;padding:32px 20px;position:relative;border:2px solid transparent;transition:all .3s ease-in-out}
.progress-stage:hover{border-color:#682BEF;transform:scale(1.03)}
.stage-number{width:48px;height:48px;background:linear-gradient(135deg,#682BEF,#0AA46E);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:700;margin:0 auto 16px}
.progress-stage h5{font-size:18px;color:#1a1a1a;margin:0 0 10px;font-weight:600}
.progress-stage p{font-size:14px;color:#4a4a4a;margin:0;line-height:1.5}
.platform-benefits{display:flex;gap:32px}
.benefit-block{flex:1;text-align:left;background:#682bef08;padding:32px 28px;border-radius:8px}
.benefit-block img{width:100%;height:200px;object-fit:cover;border-radius:6px;margin-bottom:20px;display:block}
.benefit-block h4{font-size:20px;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.benefit-block p{font-size:15px;line-height:1.6;color:#4a4a4a;margin:0}
.cta-final-zone{background:linear-gradient(135deg,#682BEF 0%,#0AA46E 100%);padding:72px 20px;text-align:center}
.cta-final-zone h2{font-size:40px;color:#FFFFED;margin:0 0 20px;font-weight:700}
.cta-final-zone p{font-size:18px;line-height:1.6;color:#FFFFED;margin:0 auto 32px;max-width:680px;opacity:.95}
.cta-buttons-holder{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.btn-primary-cta{padding:16px 36px;background:#FFFFED;color:#682BEF;font-size:16px;font-weight:600;border-radius:6px;text-decoration:none;transition:all .3s ease-in-out;border:2px solid #FFFFED;display:inline-block}
.btn-primary-cta:hover{background:transparent;color:#FFFFED;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}
.btn-secondary-cta{padding:16px 36px;background:transparent;color:#FFFFED;font-size:16px;font-weight:600;border-radius:6px;text-decoration:none;transition:all .3s ease-in-out;border:2px solid #FFFFED;display:inline-block}
.btn-secondary-cta:hover{background:#FFFFED;color:#682BEF;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}
@media (max-width: 768px) {
.main-title-text{font-size:36px}
.title-accent-pause{font-size:32px}
.learn-paths-area .section-wrapper{grid-template-columns:1fr;gap:24px}
.practice-zone .section-wrapper{flex-direction:column;gap:32px}
.events-grid{grid-template-columns:1fr}
.tools-section .section-wrapper{grid-template-columns:1fr;gap:32px}
.connections-area .section-wrapper{flex-direction:column-reverse;gap:32px}
.progress-tracker{grid-template-columns:1fr}
.platform-benefits{flex-direction:column}
.cta-buttons-holder{flex-direction:column;align-items:stretch}
.btn-primary-cta,.btn-secondary-cta{width:100%;max-width:320px;margin:0 auto}
}
@media (min-width: 769px) and (max-width: 1024px) {
.main-title-text{font-size:44px}
.title-accent-pause{font-size:38px}
.learn-paths-area .section-wrapper{grid-template-columns:repeat(2,1fr)}
.progress-tracker{grid-template-columns:repeat(2,1fr)}
}
.contact-wrapper{max-width:100%;margin:0 auto}
.intro-space{position:relative;height:420px;background:linear-gradient(135deg,#682bef14 0%,#0aa46e0f 100%);overflow:hidden;display:flex;align-items:center;justify-content:center}
.intro-space .bg-visual{position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:80%;height:500px;background-image:url(./cover_photos/DSCNN7966.jpg);background-size:cover;background-position:center;filter:blur(18px);opacity:.35;clip-path:polygon(15% 0%,85% 0%,95% 100%,5% 100%)}
.intro-space .text-zone{position:relative;z-index:10;text-align:center;padding:0 20px;max-width:700px}
.intro-space .text-zone h1{font-size:2.8rem;font-weight:700;color:#2d2d2d;line-height:1.2;margin:0}
.intro-space .text-zone h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#682BEF 0%,#0AA46E 100%);margin:20px auto 0;border-radius:2px}
.main-content-holder{max-width:1000px;margin:0 auto;padding:60px 20px}
.reach-panel{background:#FFFFED;border-radius:8px;padding:50px 40px;margin-bottom:60px;box-shadow:0 4px 12px #00000014}
.reach-panel h2{font-size:1.8rem;font-weight:600;color:#2d2d2d;margin:0 0 30px;position:relative;padding-left:20px}
.reach-panel h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:28px;background:#0AA46E;border-radius:3px}
.reach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px}
.contact-item{display:flex;flex-direction:column;gap:10px}
.contact-item .label-text{font-size:.9rem;font-weight:600;color:#682BEF;text-transform:uppercase;letter-spacing:.5px}
.contact-item .value-text{font-size:1.1rem;color:#2d2d2d;line-height:1.5}
.contact-item .value-text a{color:#2d2d2d;text-decoration:none;transition:color .3s ease-in-out}
.contact-item .value-text a:hover{color:#682BEF}
.form-block{background:#fff;border:2px solid #f0f0f0;border-radius:10px;padding:50px 40px;margin-bottom:60px}
.form-block h2{font-size:2rem;font-weight:700;color:#2d2d2d;margin:0 0 15px}
.form-block .intro-phrase{font-size:1.05rem;color:#666;line-height:1.6;margin-bottom:35px}
.form-block form{display:flex;flex-direction:column;gap:24px}
.input-wrapper{display:flex;flex-direction:column;gap:8px}
.input-wrapper label{font-size:.95rem;font-weight:600;color:#2d2d2d}
.input-wrapper input,.input-wrapper select,.input-wrapper textarea{padding:14px 16px;font-size:1rem;border:2px solid #e0e0e0;border-radius:6px;background:#fafafa;color:#2d2d2d;transition:all .3s ease-in-out}
.input-wrapper input:focus,.input-wrapper select:focus,.input-wrapper textarea:focus{outline:none;border-color:#682BEF;background:#fff;box-shadow:0 0 0 3px #682bef1a}
.input-wrapper select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23682BEF' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}
.consent-zone{display:flex;align-items:flex-start;gap:10px;padding:16px;background:#f9f9f9;border-radius:6px}
.consent-zone input[type="checkbox"]{margin-top:3px;width:18px;height:18px;cursor:pointer;accent-color:#682BEF}
.consent-zone label{font-size:.9rem;color:#555;line-height:1.5;cursor:pointer}
.consent-zone label a{color:#682BEF;text-decoration:none;font-weight:600}
.consent-zone label a:hover{text-decoration:underline}
.submit-btn{padding:16px 40px;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#682BEF 0%,#0AA46E 100%);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease-in-out;align-self:flex-start;box-shadow:0 4px 10px #682bef4d}
.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #682bef66}
.submit-btn:active{transform:translateY(0)}
.hours-display{background:linear-gradient(135deg,#0aa46e1a 0%,#682bef14 100%);padding:45px 40px;border-radius:8px;margin-bottom:60px}
.hours-display h3{font-size:1.5rem;font-weight:600;color:#2d2d2d;margin:0 0 25px;text-align:center}
.schedule-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.time-row{display:flex;justify-content:space-between;padding:16px 20px;background:#fff;border-radius:6px;box-shadow:0 2px 6px #0000000f}
.time-row .day-label{font-weight:600;color:#2d2d2d}
.time-row .hours-label{color:#666}
@media (max-width: 768px) {
.intro-space{height:320px}
.intro-space .text-zone h1{font-size:2rem}
.main-content-holder{padding:40px 20px}
.reach-panel,.form-block,.hours-display{padding:35px 25px}
.reach-grid{grid-template-columns:1fr;gap:25px}
.form-block h2{font-size:1.6rem}
.submit-btn{width:100%;align-self:stretch}
.schedule-rows{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.intro-space .text-zone h1{font-size:1.7rem}
.reach-panel h2,.form-block h2{font-size:1.4rem}
.hours-display h3{font-size:1.3rem}
}
.hero-intro-zone{width:100%;background:linear-gradient(135deg,#f8f8f5 0%,#FFFFED 100%);padding:0;margin:0;overflow:hidden;position:relative}
.hero-intro-zone::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,#682bef08 0%,transparent 50%),radial-gradient(circle at 80% 50%,#0aa46e08 0%,transparent 50%);pointer-events:none}
.hero-intro-zone .inner-wrap{max-width:1000px;margin:0 auto;padding:0}
.hero-photo-holder{width:100%;height:480px;overflow:hidden;position:relative}
.hero-photo-holder img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-photo-holder::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:120px;background:linear-gradient(to bottom,#ffffed00 0%,#ffffedf2 100%)}
.particle-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;opacity:.4}
.particle-layer span{position:absolute;width:3px;height:3px;background:#682BEF;border-radius:50%;animation:float-particle 12s infinite ease-in-out}
.particle-layer span:nth-child(1){left:15%;top:25%;animation-delay:0s;animation-duration:14s}
.particle-layer span:nth-child(2){left:45%;top:60%;animation-delay:2s;animation-duration:16s;background:#0AA46E}
.particle-layer span:nth-child(3){left:75%;top:35%;animation-delay:4s;animation-duration:13s}
.particle-layer span:nth-child(4){left:25%;top:70%;animation-delay:1s;animation-duration:15s;background:#0AA46E}
.particle-layer span:nth-child(5){left:85%;top:15%;animation-delay:3s;animation-duration:17s}
@keyframes float-particle {
0%,100%{transform:translate(0,0) scale(1);opacity:.3}
25%{transform:translate(10px,-15px) scale(1.2);opacity:.6}
50%{transform:translate(-8px,10px) scale(0.9);opacity:.4}
75%{transform:translate(12px,5px) scale(1.1);opacity:.5}
}
.hero-text-box{padding:48px 24px 56px;position:relative}
.hero-text-box .label-row{font-size:15px;color:#0AA46E;font-weight:600;letter-spacing:.5px;margin-bottom:16px}
.hero-text-box h1{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.hero-text-box .lead-text{font-size:17px;line-height:1.7;color:#444;margin-bottom:32px;max-width:680px}
.action-row{display:flex;gap:16px;flex-wrap:wrap}
.action-row .btn-prime{padding:14px 32px;background:#682BEF;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:16px;transition:all .3s ease-in-out;border:2px solid #682BEF;display:inline-block}
.action-row .btn-prime:hover{background:#5520d4;transform:translateY(-2px);box-shadow:0 6px 16px #682bef4d}
.action-row .btn-outline{padding:14px 32px;background:transparent;color:#682BEF;text-decoration:none;border-radius:8px;font-weight:600;font-size:16px;transition:all .3s ease-in-out;border:2px solid #682BEF;display:inline-block}
.action-row .btn-outline:hover{background:#682bef14;border-color:#5520d4}
.story-canvas{width:100%;background:#fff;padding:80px 0;position:relative}
.story-canvas .content-holder{max-width:1000px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.story-left-block{position:relative}
.story-left-block h2{font-size:36px;line-height:1.3;color:#1a1a1a;margin:0 0 24px;font-weight:700;position:relative;padding-left:20px}
.story-left-block h2::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(to bottom,#682BEF,#0AA46E);border-radius:3px}
.story-left-block p{font-size:16px;line-height:1.8;color:#555;margin-bottom:20px}
.story-right-block{position:relative}
.timeline-flow{position:relative;padding-left:32px}
.timeline-flow::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:3px;background:linear-gradient(to bottom,#682BEF 0%,#0AA46E 100%);border-radius:2px}
.timeline-item{position:relative;margin-bottom:32px;padding-left:8px}
.timeline-item::before{content:'';position:absolute;left:-32px;top:8px;width:11px;height:11px;background:#682BEF;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px #682bef4d}
.timeline-item:nth-child(2)::before{background:#0AA46E;box-shadow:0 2px 8px #0aa46e4d}
.timeline-item:nth-child(3)::before{background:#682BEF;box-shadow:0 2px 8px #682bef4d}
.timeline-item .year-label{font-size:13px;color:#0AA46E;font-weight:700;letter-spacing:.5px;margin-bottom:6px;display:block}
.timeline-item h3{font-size:19px;color:#1a1a1a;margin:0 0 8px;font-weight:700}
.timeline-item p{font-size:15px;line-height:1.6;color:#666;margin:0}
.team-showcase{width:100%;background:linear-gradient(160deg,#FFFFED 0%,#f4f4ef 100%);padding:80px 0;position:relative}
.team-showcase::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:400px;height:400px;background:radial-gradient(circle,#682bef0f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.team-showcase .inner-box{max-width:1000px;margin:0 auto;padding:0 24px}
.team-showcase h2{font-size:36px;line-height:1.3;color:#1a1a1a;margin:0 0 16px;font-weight:700;text-align:center}
.team-showcase .subtitle{font-size:17px;color:#666;text-align:center;margin-bottom:56px;max-width:600px;margin-left:auto;margin-right:auto}
.profiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:48px}
.profile-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000f;transition:all .3s ease-in-out;position:relative}
.profile-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #682bef26}
.profile-card .photo-box{width:100%;height:300px;overflow:hidden;position:relative}
.profile-card .photo-box img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .4s ease-in-out}
.profile-card:hover .photo-box img{transform:scale(1.05)}
.profile-card .info-section{padding:24px}
.profile-card h3{font-size:21px;color:#1a1a1a;margin:0 0 6px;font-weight:700}
.profile-card .role-tag{font-size:14px;color:#0AA46E;font-weight:600;margin-bottom:12px;display:block}
.profile-card p{font-size:15px;line-height:1.6;color:#666;margin:0}
.stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;background:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 16px #0000000f}
.stat-box{text-align:center;padding:16px;position:relative}
.stat-box::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:60%;background:linear-gradient(to bottom,transparent,#682bef33,transparent)}
.stat-box:last-child::after{display:none}
.stat-box .number-display{font-size:42px;font-weight:700;color:#682BEF;margin:0 0 8px;line-height:1}
.stat-box .stat-label{font-size:15px;color:#666;font-weight:600;margin:0}
@media (max-width: 768px) {
.hero-photo-holder{height:320px}
.hero-text-box{padding:32px 20px 40px}
.hero-text-box h1{font-size:32px}
.hero-text-box .lead-text{font-size:16px}
.action-row{flex-direction:column}
.action-row .btn-prime,.action-row .btn-outline{width:100%;text-align:center}
.story-canvas .content-holder{grid-template-columns:1fr;gap:48px;padding:0 20px}
.story-left-block h2{font-size:28px}
.team-showcase h2{font-size:28px}
.profiles-grid{grid-template-columns:1fr}
.stats-bar{grid-template-columns:1fr;padding:24px}
.stat-box::after{display:none}
.stat-box{border-bottom:1px solid #682bef1a;padding-bottom:20px;margin-bottom:20px}
.stat-box:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
}
@media (min-width: 769px) and (max-width: 1024px) {
.hero-photo-holder{height:400px}
.hero-text-box h1{font-size:36px}
.story-canvas .content-holder{gap:48px}
.story-left-block h2{font-size:32px}
.team-showcase h2{font-size:32px}
.profiles-grid{grid-template-columns:repeat(2,1fr)}
}
.program-canvas{max-width:1000px;margin:0 auto;padding:0 20px}
.opening-frame{padding:80px 0 60px;display:flex;flex-direction:column;gap:40px}
.title-stage h1{font-size:48px;color:#682BEF;margin:0 0 20px;line-height:1.2}
.title-stage p{font-size:18px;color:#444;line-height:1.6;max-width:700px}
.visual-holder{position:relative;width:100%;max-width:800px;margin:0 auto}
.visual-holder img{width:100%;height:auto;border-radius:8px;box-shadow:0 8px 24px #682bef26;display:block}
.accent-shape{position:absolute;width:120px;height:120px;background:linear-gradient(135deg,#682BEF 0%,#0AA46E 100%);border-radius:50%;top:-30px;right:-30px;opacity:.2;z-index:-1}
.learning-grid{padding:80px 0;background:linear-gradient(180deg,#FFFFED 0%,#fff 100%)}
.learning-grid .program-canvas{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.module-box{background:#fff;padding:35px 28px;border-radius:10px;border:2px solid transparent;transition:all .3s ease-in-out;position:relative}
.module-box::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:#682BEF;transition:height .3s ease-in-out;border-radius:10px 0 0 10px}
.module-box:hover::before{height:100%}
.module-box:hover{border-color:#682BEF;box-shadow:0 6px 20px #682bef1f;transform:translateY(-4px)}
.module-number{display:inline-block;background:#682BEF;color:#FFFFED;font-size:14px;font-weight:600;padding:6px 14px;border-radius:20px;margin-bottom:18px}
.module-box h3{font-size:22px;color:#222;margin:0 0 14px;line-height:1.3}
.module-box p{font-size:16px;color:#555;line-height:1.6;margin:0}
.path-layer{padding:90px 0;background:#fff}
.path-wrapper{display:flex;gap:50px;align-items:center}
.steps-column{flex:1}
.journey-step{display:flex;gap:20px;margin-bottom:45px;position:relative}
.journey-step::after{content:'';position:absolute;left:19px;top:50px;width:2px;height:calc(100% + 25px);background:linear-gradient(180deg,#0AA46E 0%,transparent 100%)}
.journey-step:last-child::after{display:none}
.step-marker{width:40px;height:40px;background:linear-gradient(135deg,#682BEF 0%,#0AA46E 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0;box-shadow:0 4px 12px #682bef40}
.step-details h4{font-size:20px;color:#222;margin:0 0 10px}
.step-details p{font-size:15px;color:#666;line-height:1.5;margin:0}
.instructors-column{flex:1;display:flex;flex-direction:column;gap:25px}
.mentor-card{background:linear-gradient(135deg,#682bef0d 0%,#0aa46e0d 100%);padding:25px;border-radius:10px;display:flex;gap:20px;align-items:center;border:1px solid #682bef1a;transition:all .3s ease-in-out}
.mentor-card:hover{transform:translateX(8px);box-shadow:0 5px 18px #682bef26}
.mentor-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #682BEF;flex-shrink:0}
.mentor-info h5{font-size:18px;color:#222;margin:0 0 6px}
.mentor-info p{font-size:14px;color:#666;margin:0;line-height:1.4}
.compare-surface{padding:80px 0;background:linear-gradient(180deg,#fff 0%,#ffffed66 100%)}
.compare-surface h2{text-align:center;font-size:38px;color:#222;margin:0 0 50px}
.comparison-table{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1px;background:#682bef1a;border-radius:10px;overflow:hidden}
.table-cell{background:#fff;padding:20px 24px;display:flex;align-items:center}
.table-cell.header-row{background:linear-gradient(135deg,#682BEF 0%,#0AA46E 100%);color:#FFFFED;font-weight:700;font-size:18px;justify-content:center}
.table-cell.feature-name{font-weight:600;color:#333;font-size:16px}
.table-cell.check-mark{justify-content:center;font-size:24px}
.table-cell .yes{color:#0AA46E}
.table-cell .no{color:#ccc}
.action-zone{padding:70px 0 90px;background:linear-gradient(135deg,#682bef14 0%,#0aa46e14 100%);text-align:center}
.action-zone h2{font-size:36px;color:#222;margin:0 0 18px}
.action-zone p{font-size:17px;color:#555;margin:0 0 35px;line-height:1.6}
.primary-button{display:inline-block;background:linear-gradient(135deg,#682BEF 0%,#0AA46E 100%);color:#FFFFED;padding:16px 42px;border-radius:8px;font-size:17px;font-weight:600;text-decoration:none;transition:all .3s ease-in-out;box-shadow:0 6px 18px #682bef40;border:2px solid transparent}
.primary-button:hover{transform:translateY(-3px);box-shadow:0 10px 28px #682bef59;border-color:#682BEF}
@media (max-width: 900px) {
.learning-grid .program-canvas{grid-template-columns:repeat(2,1fr)}
.path-wrapper{flex-direction:column;gap:50px}
.comparison-table{grid-template-columns:1.5fr 1fr 1fr;font-size:14px}
.table-cell{padding:16px 12px}
}
@media (max-width: 600px) {
.opening-frame{padding:50px 0 40px}
.title-stage h1{font-size:34px}
.learning-grid .program-canvas{grid-template-columns:1fr}
.accent-shape{width:80px;height:80px;top:-20px;right:-20px}
.comparison-table{grid-template-columns:1fr}
.table-cell.header-row:first-child{display:none}
.table-cell{padding:14px 18px}
.action-zone h2{font-size:28px}
}
.success-wrapper{max-width:1000px;margin:0 auto;padding:0 20px}
.message-holder{display:flex;align-items:center;gap:50px;padding:80px 0;position:relative;overflow:hidden}
.message-holder::before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;border:2px solid #682bef1a;top:-200px;left:-100px;z-index:-1}
.message-holder::after{content:'';position:absolute;width:400px;height:400px;border-radius:50%;border:2px solid #0aa46e26;bottom:-150px;right:-50px;z-index:-1}
.text-content{flex:1;max-width:500px}
.text-content h1{font-size:48px;line-height:1.2;margin:0 0 20px;color:#1a1a1a}
.text-content h1 .number-highlight{color:#682BEF;font-weight:700}
.text-content .description-text{font-size:18px;line-height:1.6;color:#4a4a4a;margin:0 0 35px}
.action-buttons{display:flex;gap:15px;flex-wrap:wrap}
.action-buttons .primary-btn{background:#682BEF;color:#fff;padding:14px 32px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;border:2px solid #682BEF;transition:all .3s ease-in-out;display:inline-block}
.action-buttons .primary-btn:hover{background:#5523cc;border-color:#5523cc;transform:translateY(-2px);box-shadow:0 6px 20px #682bef4d}
.action-buttons .secondary-btn{background:transparent;color:#0AA46E;padding:14px 32px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;border:2px solid #0AA46E;transition:all .3s ease-in-out;display:inline-block}
.action-buttons .secondary-btn:hover{background:#0AA46E;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0aa46e40}
.visual-element{flex:1;position:relative;min-height:400px;display:flex;align-items:center;justify-content:center}
.layered-graphics{position:relative;width:100%;height:400px}
.graphics-layer-back{position:absolute;width:280px;height:280px;background:linear-gradient(135deg,#682bef26,#0aa46e26);border-radius:50%;top:60px;right:40px;z-index:1}
.graphics-layer-middle{position:absolute;width:240px;height:240px;background:linear-gradient(225deg,#682BEF,#0AA46E);border-radius:8px;top:20px;right:120px;z-index:2;box-shadow:0 12px 30px #682bef40;display:flex;align-items:center;justify-content:center;color:#fff;font-size:72px}
.graphics-layer-front{position:absolute;width:180px;height:180px;background:#FFFFED;border-radius:50%;bottom:40px;right:20px;z-index:3;box-shadow:0 8px 24px #0000001a;display:flex;align-items:center;justify-content:center}
.checkmark-icon{font-size:64px;color:#0AA46E}
.curve-decoration{position:absolute;width:200px;height:200px;top:0;left:0;z-index:0;opacity:.3}
.curve-decoration svg{width:100%;height:100%}
.info-cards-section{padding:60px 0 80px}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.info-card{background:#fff;border:2px solid #e8e8e8;border-radius:10px;padding:30px;transition:all .3s ease-in-out;position:relative}
.info-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#682BEF,#0AA46E);border-radius:10px 10px 0 0;opacity:0;transition:opacity .3s ease-in-out}
.info-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000014;border-color:#682BEF}
.info-card:hover::before{opacity:1}
.card-icon-wrapper{width:60px;height:60px;background:linear-gradient(135deg,#682bef1a,#0aa46e1a);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.card-icon-wrapper i{font-size:28px;color:#682BEF}
.info-card h3{font-size:20px;margin:0 0 12px;color:#1a1a1a;font-weight:600}
.info-card p{font-size:15px;line-height:1.6;color:#666;margin:0}
@media (max-width: 768px) {
.message-holder{flex-direction:column;gap:40px;padding:50px 0}
.text-content{max-width:100%}
.text-content h1{font-size:36px}
.visual-element{min-height:300px}
.layered-graphics{height:300px}
.graphics-layer-back{width:220px;height:220px;right:20px}
.graphics-layer-middle{width:180px;height:180px;right:80px}
.graphics-layer-front{width:140px;height:140px}
.checkmark-icon{font-size:48px}
.cards-grid{grid-template-columns:1fr;gap:20px}
.action-buttons{flex-direction:column}
.action-buttons .primary-btn,.action-buttons .secondary-btn{width:100%;text-align:center}
}
@media (min-width: 769px) and (max-width: 1024px) {
.message-holder{gap:35px}
.text-content h1{font-size:40px}
.cards-grid{grid-template-columns:repeat(2,1fr)}
}