html{scroll-behavior:smooth}
body{font-family:'Source Sans Pro',-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;line-height:2;letter-spacing:.015em;margin:0;padding:0;background:#F9F9F9;color:#031D43;text-rendering:optimizeLegibility}
.top-frame{background:linear-gradient(135deg,#0698F5 0%,#031D43 100%);position:relative;box-shadow:0 12px 40px #0698f526}
.top-frame::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#0698F5,transparent);opacity:.6}
.header-inner{max-width:1440px;margin:0 auto;padding:2rem 3rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}
.branding-zone{display:flex;align-items:center;gap:1.5rem;order:2}
.logo-hold{background:#fff;padding:.5rem;border-radius:30px;box-shadow:0 8px 24px #031d4340 0 2px 8px #031d4326;display:flex;align-items:center;justify-content:center}
.logo-hold img{width:45px;height:45px;object-fit:contain;display:block}
.brand-label{color:#fff;font-size:26px;font-weight:700;letter-spacing:.02em;text-shadow:0 2px 8px #031d434d}
.year-badge{background:#ffffff26;color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:14px;font-weight:400;letter-spacing:.02em;backdrop-filter:blur(10px)}
.nav-primary{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;order:1}
.nav-primary a{color:#fff;text-decoration:none;padding:.7rem 1.5rem;border-radius:25px;font-weight:400;font-size:16px;letter-spacing:.015em;transition:all 300ms cubic-bezier(0.445,0.05,0.55,0.95);background:#ffffff14;backdrop-filter:blur(5px);position:relative;overflow:hidden}
.nav-primary a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff26;transition:left 300ms cubic-bezier(0.445,0.05,0.55,0.95)}
.nav-primary a:hover::before{left:0}
.nav-primary a:hover{background:#fff3;box-shadow:0 4px 16px #031d4333;transform:translateY(-2px)}
@media (max-width: 1280px) {
.header-inner{padding:1.5rem 2rem}
.branding-zone{order:1;width:100%;justify-content:space-between}
.nav-primary{order:2;width:100%;justify-content:flex-start}
}
@media (max-width: 768px) {
.header-inner{padding:1.5rem 1rem}
.brand-label{font-size:22px}
.nav-primary a{padding:.6rem 1.2rem;font-size:15px}
.year-badge{font-size:13px;padding:.3rem .8rem}
}
.footer-frame{background:#031D43;position:relative;overflow:hidden}
.footer-frame::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20px 20px,#0698f514 2px,transparent 2px);background-size:40px 40px;pointer-events:none}
.footer-inner{max-width:1440px;margin:0 auto;padding:4rem 3rem 2rem;position:relative;z-index:1}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;margin-bottom:3rem}
.footer-col-v2{background:#0698f50d;padding:2rem;border-radius:30px;border:1px solid #0698f526;transition:all 300ms cubic-bezier(0.445,0.05,0.55,0.95)}
.footer-col-v2:hover{background:#0698f514;border-color:#0698f54d;transform:translateY(-4px);box-shadow:0 16px 48px #0698f51f}
.footer-heading-v1{color:#0698F5;font-size:20px;font-weight:700;margin:0 0 1.5rem;letter-spacing:.02em}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li{margin-bottom:.8rem}
.footer-links a{color:#f9f9f9d9;text-decoration:none;font-size:16px;letter-spacing:.015em;transition:all 300ms cubic-bezier(0.445,0.05,0.55,0.95);display:inline-block;position:relative}
.footer-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#0698F5;transition:width 300ms cubic-bezier(0.445,0.05,0.55,0.95)}
.footer-links a:hover{color:#0698F5;transform:translateX(4px)}
.footer-links a:hover::after{width:100%}
.contact-item-v3{color:#f9f9f9cc;font-size:15px;margin-bottom:1rem;line-height:1.6;letter-spacing:.015em}
.contact-item-v3 i{color:#0698F5;margin-right:.5rem;font-size:18px}
.footer-bottom-strip{border-top:1px solid #0698f526;padding-top:2rem;text-align:center}
.footer-logo-container{display:inline-flex;align-items:center;justify-content:center;background:#fff;padding:.5rem;border-radius:25px;box-shadow:0 6px 20px #0698f533;margin-bottom:1.5rem}
.footer-logo-container img{width:42px;height:42px;object-fit:contain;display:block}
.copyright-line{color:#f9f9f999;font-size:15px;letter-spacing:.015em;margin:0}
@media (max-width: 768px) {
.footer-inner{padding:3rem 1rem 2rem}
.footer-grid{grid-template-columns:1fr;gap:2rem}
}
.consent-panel{position:fixed;right:2rem;top:50%;transform:translateY(-50%) translateX(120%);width:420px;max-width:calc(100vw - 4rem);background:#fff;border-radius:30px;box-shadow:0 24px 64px #031d4333 0 8px 24px #031d4326;z-index:9999;transition:transform 500ms cubic-bezier(0.445,0.05,0.55,0.95);overflow:hidden}
.consent-panel.active-v2{transform:translateY(-50%) translateX(0)}
.consent-header-v1{background:linear-gradient(135deg,#0698F5,#031D43);padding:1.5rem 2rem;color:#fff}
.consent-title{font-size:22px;font-weight:700;margin:0 0 .5rem;letter-spacing:.02em}
.consent-subtitle{font-size:14px;margin:0;opacity:.9;letter-spacing:.015em;line-height:1.5}
.consent-body{padding:2rem}
.consent-text-v2{color:#031D43;font-size:15px;line-height:1.7;margin-bottom:1.5rem;letter-spacing:.015em}
.accordion-item{border:1px solid #0698f533;border-radius:20px;margin-bottom:1rem;overflow:hidden;transition:all 300ms cubic-bezier(0.445,0.05,0.55,0.95)}
.accordion-item:hover{border-color:#0698f566;box-shadow:0 4px 16px #0698f51a}
.accordion-trigger{display:none}
.accordion-header-v1{padding:1rem 1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background:#0698f50d;transition:background 300ms cubic-bezier(0.445,0.05,0.55,0.95)}
.accordion-header-v1:hover{background:#0698f51a}
.accordion-label{font-size:15px;font-weight:700;color:#031D43;letter-spacing:.015em}
.accordion-icon{color:#0698F5;font-size:18px;transition:transform 300ms cubic-bezier(0.445,0.05,0.55,0.95)}
.accordion-trigger:checked ~ .accordion-header-v1 .accordion-icon{transform:rotate(180deg)}
.accordion-content{max-height:0;overflow:hidden;transition:max-height 300ms cubic-bezier(0.445,0.05,0.55,0.95)}
.accordion-trigger:checked ~ .accordion-content{max-height:500px}
.accordion-inner{padding:1.5rem;background:#fff}
.checkbox-row{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:1rem}
.checkbox-row input[type="checkbox"]{margin-top:.2rem;width:20px;height:20px;cursor:pointer;accent-color:#0698F5}
.checkbox-label-v2{font-size:14px;color:#031D43;line-height:1.6;letter-spacing:.015em}
.consent-actions{display:flex;gap:1rem;margin-top:1.5rem}
.btn-consent{flex:1;padding:1rem;border:none;border-radius:25px;font-size:16px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:all 300ms cubic-bezier(0.445,0.05,0.55,0.95);position:relative;overflow:hidden}
.btn-consent::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width 300ms cubic-bezier(0.445,0.05,0.55,0.95),height 300ms cubic-bezier(0.445,0.05,0.55,0.95)}
.btn-consent:hover::before{width:300px;height:300px}
.btn-accept{background:#0698F5;color:#fff;box-shadow:0 8px 24px #0698f54d}
.btn-accept:hover{background:#0582d4;transform:translateY(-2px);box-shadow:0 12px 32px #0698f566}
.btn-decline{background:#031D43;color:#fff;box-shadow:0 8px 24px #031d4333}
.btn-decline:hover{background:#02152f;transform:translateY(-2px);box-shadow:0 12px 32px #031d434d}
@media (max-width: 768px) {
.consent-panel{right:1rem;width:calc(100vw - 2rem)}
.consent-header-v1{padding:1.2rem 1.5rem}
.consent-title{font-size:20px}
.consent-body{padding:1.5rem}
.consent-actions{flex-direction:column}
}
.policy-data{max-width:1440px;margin:0 auto;padding:80px 24px;background:#FFF}
.policy-data h1{font-size:52px;line-height:1.3;letter-spacing:.01em;color:#031D43;margin:0 0 48px}
.policy-data h2{font-size:38px;line-height:1.4;letter-spacing:.01em;color:#031D43;margin:64px 0 32px}
.policy-data h3{font-size:28px;line-height:1.5;letter-spacing:.015em;color:#031D43;margin:48px 0 24px}
.policy-data h4{font-size:22px;line-height:1.6;letter-spacing:.015em;color:#031D43;margin:36px 0 20px}
.policy-data p{font-size:17px;line-height:2;letter-spacing:.015em;color:#031D43;margin:0 0 24px}
.policy-data ul{font-size:17px;line-height:2;letter-spacing:.015em;color:#031D43;margin:0 0 24px;padding:0 0 0 32px;list-style-type:disc}
.policy-data ol{font-size:17px;line-height:2;letter-spacing:.015em;color:#031D43;margin:0 0 24px;padding:0 0 0 32px;list-style-type:decimal}
.policy-data li{margin:0 0 12px;padding-left:8px}
.policy-data li:last-child{margin-bottom:0}
.policy-data ul ul,.policy-data ol ol,.policy-data ul ol,.policy-data ol ul{margin-top:12px;margin-bottom:12px}
.policy-data strong,.policy-data b{font-weight:600;color:#031D43}
.policy-data em,.policy-data i{font-style:italic}
.policy-data a{color:#0698F5;text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom 300ms cubic-bezier(0.445,0.05,0.55,0.95)}
.policy-data a:hover{border-bottom:1px solid #0698F5}
.policy-data table{width:100%;border-collapse:collapse;margin:32px 0;font-size:17px;line-height:1.8;letter-spacing:.015em;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #031d4314}
.policy-data thead{background:linear-gradient(135deg,#0698F5 0%,#031D43 100%)}
.policy-data th{padding:20px 24px;text-align:left;font-weight:600;color:#FFF;letter-spacing:.02em}
.policy-data tbody tr{border-bottom:1px solid #F9F9F9;transition:background 300ms cubic-bezier(0.445,0.05,0.55,0.95)}
.policy-data tbody tr:last-child{border-bottom:none}
.policy-data tbody tr:hover{background:#F9F9F9}
.policy-data td{padding:20px 24px;color:#031D43}
.policy-data div{margin:0 0 24px}
@media (max-width: 1280px) {
.policy-data{padding:64px 20px}
.policy-data h1{font-size:44px;margin-bottom:40px}
.policy-data h2{font-size:32px;margin-top:56px;margin-bottom:28px}
.policy-data h3{font-size:24px;margin-top:40px;margin-bottom:20px}
}
@media (max-width: 768px) {
.policy-data{padding:48px 16px}
.policy-data h1{font-size:36px;margin-bottom:32px}
.policy-data h2{font-size:28px;margin-top:48px;margin-bottom:24px}
.policy-data h3{font-size:22px;margin-top:32px;margin-bottom:16px}
.policy-data h4{font-size:19px;margin-top:28px;margin-bottom:16px}
.policy-data ul,.policy-data ol{padding-left:24px}
.policy-data table{font-size:15px;margin:24px 0}
.policy-data th,.policy-data td{padding:16px}
}
.digest-page-v2{background:#F9F9F9;min-height:100vh;padding:0;margin:0;max-width:100%;overflow-x:hidden}
.digest-page-v2 .hero-frame{background:linear-gradient(135deg,#F9F9F9 0%,#fff 100%);padding:5rem 1.5rem 4rem;position:relative;overflow:hidden;max-width:1440px;margin:0 auto}
.digest-page-v2 .hero-content-wrap{max-width:900px;margin:0 auto;position:relative;z-index:2}
.digest-page-v2 .hero-accent-word{color:#0698F5;display:inline-block}
.digest-page-v2 .hero-title-main{font-size:3.2rem;line-height:1.2;letter-spacing:.01em;color:#031D43;margin:0 0 1.5rem}
.digest-page-v2 .hero-description-text{font-size:1.1rem;line-height:2;letter-spacing:.02em;color:#031D43;opacity:.8;max-width:600px}
.digest-page-v2 .blur-spot-left{position:absolute;width:400px;height:400px;background:radial-gradient(circle,#0698f526 0%,transparent 70%);top:-100px;left:-200px;filter:blur(60px);pointer-events:none}
.digest-page-v2 .blur-spot-right{position:absolute;width:350px;height:350px;background:radial-gradient(circle,#031d431a 0%,transparent 70%);bottom:-150px;right:-150px;filter:blur(80px);pointer-events:none}
.digest-page-v2 .image-drift-container{width:180px;height:180px;border-radius:40px;overflow:hidden;position:absolute;right:5%;top:50%;transform:translateY(-50%);box-shadow:20px 30px 60px #031d4326}
.digest-page-v2 .rotating-image-element{width:100%;height:100%;object-fit:cover;animation:slow-drift 20s ease-in-out infinite}
@keyframes slow-drift {
0%,100%{transform:rotate(0deg) scale(1.1)}
50%{transform:rotate(3deg) scale(1.15)}
}
.digest-page-v2 .metrics-visual-section{background:#fff;padding:5rem 1.5rem;position:relative;max-width:1440px;margin:0 auto}
.digest-page-v2 .pattern-bg-layer{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.03;pointer-events:none;background-image:repeating-linear-gradient(0deg,#031D43 0px,#031D43 1px,transparent 1px,transparent 40px),repeating-linear-gradient(90deg,#031D43 0px,#031D43 1px,transparent 1px,transparent 40px)}
.digest-page-v2 .metrics-inner-frame{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.digest-page-v2 .section-heading-v1{font-size:2.4rem;line-height:1.3;letter-spacing:.01em;color:#031D43;margin:0 0 3rem;text-align:center}
.digest-page-v2 .metrics-grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.digest-page-v2 .metric-card-item{background:linear-gradient(135deg,#F9F9F9 0%,#fff 100%);padding:2.5rem 2rem;border-radius:30px;box-shadow:15px 20px 50px #031d4314;transition:all 300ms cubic-bezier(0.445,0.05,0.55,0.95);position:relative;overflow:hidden}
.digest-page-v2 .metric-card-item::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:conic-gradient(from 45deg at 0% 50%,#0698F5,#031D43,#0698F5);transform:scaleY(0);transform-origin:top;transition:transform 500ms cubic-bezier(0.445,0.05,0.55,0.95)}
.digest-page-v2 .metric-card-item:hover{transform:translateY(-8px);box-shadow:20px 30px 70px #031d4326}
.digest-page-v2 .metric-card-item:hover::before{transform:scaleY(1)}
.digest-page-v2 .metric-number-display{font-size:3rem;font-weight:700;color:#0698F5;margin:0 0 .5rem;letter-spacing:.02em}
.digest-page-v2 .metric-label-text{font-size:1.1rem;line-height:1.6;letter-spacing:.02em;color:#031D43;opacity:.75}
.digest-page-v2 .scallop-divider-top{width:100%;height:40px;background:#fff;position:relative}
.digest-page-v2 .scallop-divider-top::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:40px;background:radial-gradient(circle at 50% 0%,transparent 20px,#F9F9F9 20px);background-size:80px 40px;background-repeat:repeat-x}
.digest-page-v2 .faq-category-block{background:#F9F9F9;padding:5rem 1.5rem;max-width:1440px;margin:0 auto}
.digest-page-v2 .faq-wrapper-main{max-width:1100px;margin:0 auto}
.digest-page-v2 .faq-header-title{font-size:2.2rem;line-height:1.3;letter-spacing:.01em;color:#031D43;margin:0 0 2.5rem;text-align:center}
.digest-page-v2 .category-tabs-container{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}
.digest-page-v2 .tab-input-control{position:absolute;opacity:0;pointer-events:none}
.digest-page-v2 .tab-label-button{padding:.9rem 2rem;background:#fff;border-radius:25px;color:#031D43;font-size:1rem;letter-spacing:.02em;cursor:pointer;transition:all 300ms cubic-bezier(0.445,0.05,0.55,0.95);border:2px solid transparent;box-shadow:5px 10px 25px #031d4314;position:relative}
.digest-page-v2 .tab-label-button:hover{background:linear-gradient(135deg,#fff 0%,#F9F9F9 100%);box-shadow:8px 15px 35px #031d431f}
.digest-page-v2 .tab-input-control:checked + .tab-label-button{background:#0698F5;color:#fff;border-color:#0698F5;box-shadow:10px 20px 40px #0698f540 inset 2px 2px 8px #0000001a}
.digest-page-v2 .tab-content-panel{display:none;animation:panel-fade-in 500ms cubic-bezier(0.445,0.05,0.55,0.95)}
@keyframes panel-fade-in {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.digest-page-v2 #tab-basics:checked ~ .category-tabs-container ~ .tab-content-panel.panel-basics,.digest-page-v2 #tab-advanced:checked ~ .category-tabs-container ~ .tab-content-panel.panel-advanced,.digest-page-v2 #tab-practice:checked ~ .category-tabs-container ~ .tab-content-panel.panel-practice{display:block}
.digest-page-v2 .faq-question-item{background:#fff;padding:1.8rem 2rem;border-radius:25px;margin-bottom:1.2rem;box-shadow:8px 12px 30px #031d430f;transition:all 300ms cubic-bezier(0.445,0.05,0.55,0.95)}
.digest-page-v2 .faq-question-item:hover{box-shadow:12px 18px 40px #031d431a}
.digest-page-v2 .faq-q-text{font-size:1.15rem;font-weight:600;color:#031D43;margin:0 0 .8rem;letter-spacing:.01em;line-height:1.5}
.digest-page-v2 .faq-a-text{font-size:1rem;line-height:2;letter-spacing:.02em;color:#031D43;opacity:.8;margin:0}
.digest-page-v2 .skills-tags-section{background:linear-gradient(135deg,#fff 0%,#F9F9F9 50%,#fff 100%);padding:5rem 1.5rem;position:relative;max-width:1440px;margin:0 auto}
.digest-page-v2 .skills-inner-container{max-width:1000px;margin:0 auto}
.digest-page-v2 .skills-title-heading{font-size:2.3rem;line-height:1.3;letter-spacing:.01em;color:#031D43;margin:0 0 1.2rem}
.digest-page-v2 .skills-intro-paragraph{font-size:1.05rem;line-height:2;letter-spacing:.02em;color:#031D43;opacity:.8;margin:0 0 3rem;max-width:700px}
.digest-page-v2 .tag-cloud-wrapper{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}
.digest-page-v2 .skill-tag-item{padding:.7rem 1.6rem;background:#fff;border-radius:30px;font-size:.95rem;letter-spacing:.02em;color:#031D43;box-shadow:6px 10px 25px #031d4314;transition:all 300ms cubic-bezier(0.445,0.05,0.55,0.95);border:2px solid transparent;position:relative}
.digest-page-v2 .skill-tag-item:hover{background:#0698F5;color:#fff;box-shadow:10px 18px 40px #0698f540;transform:translateY(-4px)}
.digest-page-v2 .skill-tag-item:nth-child(3n+1){font-size:1.1rem;padding:.9rem 2rem}
.digest-page-v2 .skill-tag-item:nth-child(5n+2){font-size:.85rem;padding:.6rem 1.3rem}
@media (max-width: 1280px) {
.digest-page-v2 .hero-title-main{font-size:2.6rem}
.digest-page-v2 .image-drift-container{width:150px;height:150px}
.digest-page-v2 .metrics-grid-layout{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
}
@media (max-width: 768px) {
.digest-page-v2 .hero-frame{padding:3rem 1rem 2.5rem}
.digest-page-v2 .hero-title-main{font-size:2rem}
.digest-page-v2 .image-drift-container{position:relative;right:auto;top:auto;transform:none;margin:2rem auto 0;width:140px;height:140px}
.digest-page-v2 .metrics-visual-section{padding:3rem 1rem}
.digest-page-v2 .section-heading-v1{font-size:1.8rem}
.digest-page-v2 .metrics-grid-layout{grid-template-columns:1fr}
.digest-page-v2 .metric-number-display{font-size:2.4rem}
.digest-page-v2 .faq-category-block{padding:3rem 1rem}
.digest-page-v2 .faq-header-title{font-size:1.8rem}
.digest-page-v2 .category-tabs-container{gap:.7rem}
.digest-page-v2 .tab-label-button{padding:.75rem 1.5rem;font-size:.9rem}
.digest-page-v2 .skills-tags-section{padding:3rem 1rem}
.digest-page-v2 .skills-title-heading{font-size:1.9rem}
.digest-page-v2 .tag-cloud-wrapper{gap:.7rem}
}
.contact-hub{background:#F9F9F9;color:#031D43;font-size:17px;line-height:2;letter-spacing:.02em;max-width:1440px;margin:0 auto;overflow-x:clip}
.contact-hub *{box-sizing:border-box}
.contact-hub .hero-stepped{background:linear-gradient(135deg,#fff 0%,#F9F9F9 100%);padding:80px 5%;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.contact-hub .hero-stepped::before{content:'';position:absolute;top:30px;left:30px;width:80px;height:80px;border-left:3px solid #0698F5;border-top:3px solid #0698F5;border-radius:30px 0 0 0;opacity:.4}
.contact-hub .hero-stepped::after{content:'';position:absolute;bottom:30px;right:30px;width:80px;height:80px;border-right:3px solid #031D43;border-bottom:3px solid #031D43;border-radius:0 0 30px 0;opacity:.4}
.contact-hub .text-column-v1{padding-left:40px;transform:translateY(-20px)}
.contact-hub .image-column-v1{transform:translateY(20px)}
.contact-hub .big-title-h1{font-size:52px;line-height:1.2;margin:0 0 24px;letter-spacing:.01em;color:#031D43}
.contact-hub .intro-statement{font-size:19px;margin:0 0 16px;color:#031D43;opacity:.85}
.contact-hub .visual-frame{position:relative;border-radius:32px;overflow:hidden;box-shadow:20px 30px 60px #031d4326}
.contact-hub .visual-frame img{width:100%;height:450px;object-fit:cover;display:block;filter:brightness(0.95)}
.contact-hub .visual-frame::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,#031d4366 100%);pointer-events:none}
.contact-hub .pattern-dots{position:absolute;width:6px;height:6px;background:#0698F5;border-radius:50%;opacity:.3}
.contact-hub .pattern-dots:nth-of-type(1){top:60px;left:50%}
.contact-hub .pattern-dots:nth-of-type(2){top:90px;left:calc(50% + 20px)}
.contact-hub .pattern-dots:nth-of-type(3){top:120px;left:calc(50% + 40px)}
.contact-hub .pattern-dots:nth-of-type(4){top:150px;left:calc(50% + 60px)}
.contact-hub .info-detailed-section{background:#fff;padding:100px 5%;position:relative}
.contact-hub .wave-separator{position:absolute;top:0;left:0;width:100%;height:40px;overflow:hidden}
.contact-hub .wave-separator svg{width:100%;height:100%}
.contact-hub .narrow-editorial{max-width:720px;margin:0 auto}
.contact-hub .section-label-h2{font-size:38px;line-height:1.3;margin:0 0 50px;text-align:center;letter-spacing:.015em;color:#031D43}
.contact-hub .contact-grid-layout{display:grid;grid-template-columns:1fr;gap:32px;margin-bottom:60px}
.contact-hub .info-card-wrapper{background:#F9F9F9;border-radius:28px;padding:36px 40px;border-left:4px solid #0698F5;transition:all 300ms ease-in-out;position:relative;overflow:hidden}
.contact-hub .info-card-wrapper:hover{transform:translateX(8px);box-shadow:-15px 20px 50px #0698f51f}
.contact-hub .info-card-wrapper::before{content:'';position:absolute;top:0;right:0;width:120px;height:100%;background:linear-gradient(90deg,transparent,#0698f508);pointer-events:none}
.contact-hub .card-icon-holder{width:48px;height:48px;border-radius:50%;background:#0698F5;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 8px 20px #0698f540}
.contact-hub .card-icon-holder i{font-size:22px;color:#fff}
.contact-hub .card-heading-h4{font-size:22px;margin:0 0 12px;color:#031D43;letter-spacing:.015em}
.contact-hub .card-detail-text{font-size:17px;margin:0;color:#031D43;opacity:.8}
.contact-hub .card-detail-text a{color:#0698F5;text-decoration:none;border-bottom:1px solid transparent;transition:border-color 100ms ease-in-out}
.contact-hub .card-detail-text a:hover{border-bottom-color:#0698F5}
.contact-hub .data-metrics-display{background:conic-gradient(from 45deg at top left,#031D43,#0698F5,#031D43);padding:50px 40px;border-radius:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;box-shadow:inset 0 2px 8px #00000026}
.contact-hub .metric-item-v2{text-align:center}
.contact-hub .metric-number{font-size:44px;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-.01em;text-shadow:2px 4px 12px #0003}
.contact-hub .metric-label{font-size:15px;color:#fff;margin:0;opacity:.9;letter-spacing:.02em}
.contact-hub .form-comprehensive-section{background:linear-gradient(180deg,#F9F9F9 0%,#fff 100%);padding:100px 5% 120px;position:relative}
.contact-hub .form-comprehensive-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#0698F5,transparent)}
.contact-hub .form-container-narrow{max-width:680px;margin:0 auto}
.contact-hub .form-title-h2{font-size:42px;line-height:1.25;margin:0 0 16px;text-align:center;color:#031D43;letter-spacing:.01em}
.contact-hub .form-intro-text{font-size:18px;margin:0 0 50px;text-align:center;color:#031D43;opacity:.75}
.contact-hub .structured-form-v3{background:#fff;border-radius:36px;padding:50px 48px;box-shadow:0 25px 80px #031d4314}
.contact-hub .field-group-standard{margin-bottom:32px}
.contact-hub .label-top{display:block;font-size:16px;margin-bottom:10px;color:#031D43;font-weight:600;letter-spacing:.015em}
.contact-hub .input-text-v1{width:100%;padding:16px 20px;border:2px solid #E0E0E0;border-radius:20px;font-size:17px;color:#031D43;background:#F9F9F9;transition:all 300ms ease-in-out;letter-spacing:.01em}
.contact-hub .input-text-v1:focus{outline:none;border-color:#0698F5;background:#fff;box-shadow:inset 0 2px 6px #0698f51a}
.contact-hub .input-text-v1::placeholder{color:#031D43;opacity:.4}
.contact-hub .rating-group-h5{font-size:18px;margin:0 0 20px;color:#031D43;font-weight:600;letter-spacing:.015em}
.contact-hub .rating-options-holder{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:32px}
.contact-hub .radio-wrapper-v2{position:relative;flex:1;min-width:100px}
.contact-hub .radio-input-hidden{position:absolute;opacity:0;pointer-events:none}
.contact-hub .radio-label-custom{display:block;padding:14px 20px;border:2px solid #E0E0E0;border-radius:20px;text-align:center;font-size:16px;color:#031D43;background:#F9F9F9;cursor:pointer;transition:all 300ms ease-in-out;user-select:none}
.contact-hub .radio-input-hidden:checked + .radio-label-custom{background:#0698F5;color:#fff;border-color:#0698F5;box-shadow:inset 0 2px 8px #00000026 0 4px 16px #0698f54d}
.contact-hub .radio-label-custom:hover{border-color:#0698F5;transform:translateY(-2px)}
.contact-hub .checkbox-privacy-wrapper{margin-bottom:32px;display:flex;align-items:flex-start;gap:12px}
.contact-hub .checkbox-input-v1{width:22px;height:22px;margin-top:6px;cursor:pointer;accent-color:#0698F5;flex-shrink:0}
.contact-hub .privacy-text-inline{font-size:15px;color:#031D43;opacity:.75;line-height:1.6}
.contact-hub .privacy-text-inline a{color:#0698F5;text-decoration:none;border-bottom:1px solid #0698F5;transition:opacity 100ms ease-in-out}
.contact-hub .privacy-text-inline a:hover{opacity:.7}
.contact-hub .submit-button-primary{width:100%;padding:18px 40px;background:#0698F5;color:#fff;border:none;border-radius:28px;font-size:18px;font-weight:600;cursor:pointer;transition:all 300ms ease-in-out;letter-spacing:.02em;box-shadow:0 12px 40px #0698f54d;position:relative;overflow:hidden}
.contact-hub .submit-button-primary::before{content:'→';position:absolute;right:40px;top:50%;transform:translateY(-50%);font-size:24px;transition:transform 300ms ease-in-out}
.contact-hub .submit-button-primary:hover{background:#031D43;box-shadow:0 16px 50px #031d4366;transform:translateY(-2px)}
.contact-hub .submit-button-primary:hover::before{transform:translate(8px,-50%)}
.contact-hub .submit-button-primary:active{box-shadow:inset 0 4px 12px #0003;transform:translateY(0)}
@media (max-width: 1280px) {
.contact-hub .hero-stepped{grid-template-columns:1fr;gap:40px}
.contact-hub .text-column-v1{transform:none;padding-left:0}
.contact-hub .image-column-v1{transform:none}
.contact-hub .data-metrics-display{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 768px) {
.contact-hub .hero-stepped{padding:60px 5%}
.contact-hub .big-title-h1{font-size:38px}
.contact-hub .visual-frame img{height:320px}
.contact-hub .info-detailed-section{padding:80px 5%}
.contact-hub .section-label-h2{font-size:32px}
.contact-hub .data-metrics-display{padding:40px 30px}
.contact-hub .metric-number{font-size:36px}
.contact-hub .form-comprehensive-section{padding:80px 5% 100px}
.contact-hub .form-title-h2{font-size:34px}
.contact-hub .structured-form-v3{padding:40px 30px}
.contact-hub .rating-options-holder{flex-direction:column}
.contact-hub .radio-wrapper-v2{min-width:100%}
}
.lp-main{background:#F9F9F9;min-height:100vh;overflow-x:hidden;max-width:1440px;margin:0 auto}
.lp-main *{box-sizing:border-box}
.lp-hero-wrap{background:linear-gradient(135deg,#F9F9F9 0%,#e8f4fc 100%);padding:4rem 1.5rem 3rem;position:relative;overflow:hidden}
.lp-hero-wrap::before{content:'';position:absolute;top:10%;right:5%;width:300px;height:300px;background:radial-gradient(circle at 30% 30%,#0698f526,transparent 60%);border-radius:50%;z-index:1}
.lp-hero-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1200px;margin:0 auto;position:relative;z-index:2}
.lp-hero-content{display:flex;flex-direction:column;gap:1.5rem}
.lp-hero-h1{font-size:3rem;line-height:1.15;color:#031D43;letter-spacing:.01em;margin:0}
.lp-hero-h1 .lp-accent-word{color:#0698F5;font-size:4.2rem;display:block}
.lp-hero-desc{font-size:17px;line-height:2;color:#031D43;letter-spacing:.02em;max-width:540px}
.lp-hero-img-zone{position:relative;border-radius:30px;overflow:hidden;height:400px;background:linear-gradient(45deg,#031d430d,#0698f50d)}
.lp-hero-img-zone::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,#0698f508 10px,#0698f508 20px);z-index:1}
.lp-hero-img{width:100%;height:100%;object-fit:cover;filter:contrast(1.1) brightness(0.95)}
.lp-dot-pattern{position:absolute;top:20%;left:-5%;width:200px;height:200px;background-image:radial-gradient(circle,#0698F5 2px,transparent 2px);background-size:20px 20px;opacity:.2;z-index:0}
.lp-structure-section{background:#fff;padding:5rem 1.5rem;position:relative}
.lp-structure-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:60% 40%;gap:3rem;align-items:start}
.lp-structure-left{display:flex;flex-direction:column;gap:2.5rem}
.lp-structure-h2{font-size:2.4rem;line-height:1.3;color:#031D43;letter-spacing:.01em;margin:0;position:relative;padding-left:2.5rem}
.lp-structure-h2::before{content:'(';position:absolute;left:0;font-size:4rem;color:#0698F5;line-height:1;top:-.3rem}
.lp-structure-h2::after{content:')';color:#0698F5;font-size:4rem;margin-left:.3rem}
.lp-module-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.8rem}
.lp-module-item{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:start}
.lp-num-circle{width:48px;height:48px;border-radius:50%;background:conic-gradient(from 45deg,#0698F5,#031D43,#0698F5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;flex-shrink:0;box-shadow:8px 8px 16px #031d4326}
.lp-module-details{padding-top:.3rem}
.lp-module-h3{font-size:1.3rem;color:#031D43;margin:0 0 .5rem;letter-spacing:.01em}
.lp-module-p{font-size:17px;line-height:2;color:#031D43;margin:0;letter-spacing:.02em}
.lp-structure-right{background:linear-gradient(135deg,#031D43 0%,#0698F5 100%);border-radius:35px;padding:2.5rem;color:#fff;position:sticky;top:2rem;box-shadow:16px 16px 32px #031d4333}
.lp-sidebar-h4{font-size:1.6rem;margin:0 0 1.5rem;letter-spacing:.01em}
.lp-info-grid{display:flex;flex-direction:column;gap:1.5rem}
.lp-info-item{display:flex;flex-direction:column;gap:.4rem}
.lp-info-label{font-size:.9rem;opacity:.8;text-transform:uppercase;letter-spacing:.05em}
.lp-info-val{font-size:1.2rem;font-weight:700}
.lp-sidebar-divider{height:1px;background:#ffffff4d;margin:1.5rem 0}
.lp-features-section{background:#F9F9F9;padding:5rem 1.5rem;position:relative;overflow:hidden}
.lp-features-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='15' fill='%230698F5' opacity='0.03'/%3E%3Ccircle cx='40' cy='40' r='15' fill='%23031D43' opacity='0.03'/%3E%3C/svg%3E");background-size:60px 60px;z-index:0}
.lp-features-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}
.lp-features-h2{font-size:2.2rem;color:#031D43;text-align:center;margin:0 0 3rem;letter-spacing:.01em}
.lp-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.lp-feat-card{background:#fff;border-radius:25px;padding:2rem;box-shadow:12px 12px 24px #031d431a;transition:transform 300ms ease-in-out,box-shadow 300ms ease-in-out;display:flex;flex-direction:column;gap:1rem}
.lp-feat-card:hover{transform:translateY(-8px);box-shadow:16px 16px 32px #0698f533}
.lp-feat-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#0698F5,#031D43);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem}
.lp-feat-h5{font-size:1.4rem;color:#031D43;margin:0;letter-spacing:.01em}
.lp-feat-p{font-size:17px;line-height:2;color:#031D43;margin:0;letter-spacing:.02em}
.lp-comparison-section{background:linear-gradient(180deg,#fff 0%,#e8f4fc 100%);padding:5rem 1.5rem;position:relative}
.lp-comparison-inner{max-width:1200px;margin:0 auto}
.lp-comparison-h2{font-size:2.2rem;color:#031D43;text-align:center;margin:0 0 1.5rem;letter-spacing:.01em}
.lp-comparison-intro{font-size:17px;line-height:2;color:#031D43;text-align:center;max-width:700px;margin:0 auto 3rem;letter-spacing:.02em}
.lp-price-table{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}
.lp-price-col{background:#fff;border-radius:30px;padding:2.5rem 2rem;box-shadow:10px 10px 20px #031d4314;display:flex;flex-direction:column;gap:1.5rem;transition:transform 300ms ease-in-out;position:relative}
.lp-price-col.lp-featured{background:linear-gradient(135deg,#0698F5 0%,#031D43 100%);color:#fff;transform:scale(1.05);box-shadow:12px 12px 30px #0698f54d}
.lp-price-col:hover{transform:translateY(-6px) scale(1.02)}
.lp-price-col.lp-featured:hover{transform:translateY(-6px) scale(1.07)}
.lp-price-badge{position:absolute;top:-12px;right:2rem;background:#031D43;color:#fff;padding:.4rem 1.2rem;border-radius:20px;font-size:.85rem;font-weight:700;letter-spacing:.05em}
.lp-price-h6{font-size:1.5rem;margin:0;letter-spacing:.01em}
.lp-price-col.lp-featured .lp-price-h6{color:#fff}
.lp-price-amount{font-size:2.5rem;font-weight:700;color:#0698F5}
.lp-price-col.lp-featured .lp-price-amount{color:#fff}
.lp-price-period{font-size:1rem;opacity:.7}
.lp-price-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem;flex-grow:1}
.lp-price-feat-item{display:flex;align-items:start;gap:.8rem;font-size:17px;line-height:1.6;letter-spacing:.02em}
.lp-price-feat-item::before{content:'✓';color:#0698F5;font-weight:700;font-size:1.2rem;flex-shrink:0}
.lp-price-col.lp-featured .lp-price-feat-item::before{color:#fff}
.lp-price-btn{background:#0698F5;color:#fff;border:none;border-radius:25px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all 300ms ease-in-out;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}
.lp-price-btn:hover{background:#031D43;gap:1rem}
.lp-price-col.lp-featured .lp-price-btn{background:#fff;color:#0698F5}
.lp-price-col.lp-featured .lp-price-btn:hover{background:#F9F9F9}
.lp-image-showcase{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}
.lp-showcase-img-wrap{border-radius:30px;overflow:hidden;height:300px;position:relative;box-shadow:10px 10px 25px #031d4326}
.lp-showcase-img-wrap::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 50%,#031d434d 100%);pointer-events:none}
.lp-showcase-img{width:100%;height:100%;object-fit:cover}
.lp-svg-divider{width:100%;height:60px;display:flex;align-items:center;justify-content:center;position:relative;margin:3rem 0}
.lp-svg-divider svg{position:absolute;width:100%;height:2px}
.lp-svg-divider::before{content:'';width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:30px solid #0698F5;position:relative;z-index:1}
@media (max-width: 1280px) {
.lp-structure-inner{grid-template-columns:1fr}
.lp-structure-right{position:static}
.lp-feat-grid{grid-template-columns:repeat(2,1fr)}
.lp-price-table{grid-template-columns:1fr}
.lp-price-col.lp-featured{transform:scale(1)}
.lp-price-col.lp-featured:hover{transform:translateY(-6px) scale(1.02)}
}
@media (max-width: 768px) {
.lp-hero-h1{font-size:2rem}
.lp-hero-h1 .lp-accent-word{font-size:2.8rem}
.lp-hero-img-zone{height:280px}
.lp-structure-h2{font-size:1.8rem}
.lp-features-h2,.lp-comparison-h2{font-size:1.8rem}
.lp-feat-grid{grid-template-columns:1fr}
.lp-image-showcase{grid-template-columns:1fr}
.lp-hero-grid{gap:1.5rem}
}
.about-root{max-width:1440px;margin:0 auto;background:#F9F9F9;overflow-x:clip}
.about-root *{box-sizing:border-box}
.about-root .hero-wrapper{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#031D43}
.about-root .hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(0);opacity:.85}
.about-root .hero-image::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#031d4399,#0698f54d)}
.about-root .hero-content-anchor{position:absolute;bottom:80px;right:80px;max-width:520px;z-index:2}
.about-root .hero-title{font-size:56px;line-height:1.2;letter-spacing:.01em;color:#F9F9F9;margin:0;text-shadow:2px 4px 12px #031d4366}
.about-root .dot-scatter{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.08;pointer-events:none;z-index:1}
.about-root .dot-scatter::before,.about-root .dot-scatter::after{content:'';position:absolute;width:6px;height:6px;background:#F9F9F9;border-radius:50%}
.about-root .dot-scatter::before{top:15%;left:20%;box-shadow:180px 90px 0 #F9F9F9,320px 180px 0 #F9F9F9,520px 120px 0 #F9F9F9,680px 240px 0 #F9F9F9,140px 320px 0 #F9F9F9,420px 380px 0 #F9F9F9,580px 420px 0 #F9F9F9}
.about-root .dot-scatter::after{top:40%;right:18%;box-shadow:-220px -60px 0 #F9F9F9,-380px 80px 0 #F9F9F9,-160px 220px 0 #F9F9F9,-480px 180px 0 #F9F9F9}
.about-root .story-section{padding:120px 80px;background:#fff;position:relative}
.about-root .story-layout{display:grid;grid-template-columns:2fr 1fr;gap:100px;align-items:start}
.about-root .story-main{max-width:680px}
.about-root .story-heading{font-size:42px;line-height:1.3;letter-spacing:.015em;color:#031D43;margin:0 0 48px}
.about-root .story-text{font-size:17px;line-height:2;letter-spacing:.015em;color:#031D43;margin:0 0 32px}
.about-root .story-sidebar{background:#F9F9F9;padding:40px;border-radius:32px;position:sticky;top:40px;box-shadow:8px 16px 40px #031d4314}
.about-root .sidebar-label{font-size:14px;line-height:1.6;letter-spacing:.02em;color:#0698F5;text-transform:uppercase;margin:0 0 24px;font-weight:600}
.about-root .sidebar-stat{margin:0 0 32px}
.about-root .sidebar-stat:last-child{margin-bottom:0}
.about-root .stat-number{font-size:48px;line-height:1.1;letter-spacing:.01em;color:#031D43;margin:0 0 8px;font-weight:700}
.about-root .stat-desc{font-size:15px;line-height:1.6;letter-spacing:.015em;color:#031D43;margin:0;opacity:.7}
.about-root .team-section{padding:100px 80px;background:linear-gradient(145deg,#F9F9F9 0%,#fff 100%);position:relative}
.about-root .team-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,#0698f508 1px,transparent 1px);background-size:24px 24px;pointer-events:none}
.about-root .team-header{text-align:center;margin:0 0 80px}
.about-root .team-heading{font-size:38px;line-height:1.3;letter-spacing:.015em;color:#031D43;margin:0 0 20px}
.about-root .team-intro{font-size:17px;line-height:2;letter-spacing:.015em;color:#031D43;margin:0 auto;max-width:720px;opacity:.85}
.about-root .team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.about-root .member-card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:4px 8px 24px #031d430f;transition:transform 300ms cubic-bezier(0.445,0.05,0.55,0.95)}
.about-root .member-card:hover{transform:translateY(-8px);box-shadow:8px 16px 48px #031d431f}
.about-root .member-photo-wrap{position:relative;height:320px;overflow:hidden;background:#F9F9F9}
.about-root .member-photo{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 500ms cubic-bezier(0.445,0.05,0.55,0.95)}
.about-root .member-card:hover .member-photo{transform:scale(1.05)}
.about-root .member-info{padding:32px}
.about-root .member-name{font-size:22px;line-height:1.4;letter-spacing:.015em;color:#031D43;margin:0 0 8px}
.about-root .member-role{font-size:15px;line-height:1.6;letter-spacing:.015em;color:#0698F5;margin:0 0 16px;font-weight:600}
.about-root .member-bio{font-size:15px;line-height:1.8;letter-spacing:.015em;color:#031D43;margin:0;opacity:.7}
.about-root .approach-section{padding:120px 80px;background:#031D43;position:relative;border-top:3px dashed #f9f9f933}
.about-root .approach-container{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-root .approach-content{max-width:580px}
.about-root .approach-heading{font-size:40px;line-height:1.3;letter-spacing:.015em;color:#F9F9F9;margin:0 0 40px}
.about-root .approach-list{list-style:none;padding:0;margin:0}
.about-root .approach-item{display:flex;align-items:flex-start;margin:0 0 32px}
.about-root .approach-item:last-child{margin-bottom:0}
.about-root .approach-number{width:48px;height:48px;background:conic-gradient(from 45deg,#0698F5,#031D43,#0698F5);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;letter-spacing:.01em;color:#F9F9F9;font-weight:700;flex-shrink:0;margin:0 24px 0 0;box-shadow:0 6px 20px #0698f54d}
.about-root .approach-item-content h4{font-size:20px;line-height:1.4;letter-spacing:.015em;color:#F9F9F9;margin:0 0 12px}
.about-root .approach-item-content p{font-size:16px;line-height:1.8;letter-spacing:.015em;color:#F9F9F9;margin:0;opacity:.85}
.about-root .approach-visual{position:relative}
.about-root .checklist-wrapper{background:#f9f9f914;border-radius:32px;padding:48px;backdrop-filter:blur(8px);border:1px solid #f9f9f91f}
.about-root .checklist-header{margin:0 0 32px}
.about-root .checklist-title{font-size:24px;line-height:1.4;letter-spacing:.015em;color:#F9F9F9;margin:0 0 16px}
.about-root .checklist-progress{font-size:15px;line-height:1.6;letter-spacing:.015em;color:#0698F5;margin:0;font-weight:600}
.about-root .checklist-items{list-style:none;padding:0;margin:0}
.about-root .checklist-item{margin:0 0 20px}
.about-root .checklist-item:last-child{margin-bottom:0}
.about-root .checklist-label{display:flex;align-items:center;cursor:pointer;transition:opacity 300ms cubic-bezier(0.445,0.05,0.55,0.95)}
.about-root .checklist-label:hover{opacity:.8}
.about-root .checklist-checkbox{position:absolute;opacity:0;pointer-events:none}
.about-root .checkbox-visual{width:28px;height:28px;border:2px solid #f9f9f94d;border-radius:8px;flex-shrink:0;margin:0 16px 0 0;position:relative;transition:all 300ms cubic-bezier(0.445,0.05,0.55,0.95)}
.about-root .checklist-checkbox:checked + .checklist-label .checkbox-visual{background:#0698F5;border-color:#0698F5;box-shadow:inset 0 2px 4px #031d434d}
.about-root .checkbox-visual::after{content:'';position:absolute;top:4px;left:8px;width:6px;height:12px;border:solid #F9F9F9;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity 300ms cubic-bezier(0.445,0.05,0.55,0.95)}
.about-root .checklist-checkbox:checked + .checklist-label .checkbox-visual::after{opacity:1}
.about-root .checklist-text{font-size:16px;line-height:1.6;letter-spacing:.015em;color:#F9F9F9}
.about-root .checklist-checkbox:checked + .checklist-label .checklist-text{opacity:.6;text-decoration:line-through}
.about-root .values-section{padding:100px 80px;background:#fff;border-top:3px dashed #031d4326}
.about-root .values-header{text-align:center;margin:0 0 72px}
.about-root .values-heading{font-size:36px;line-height:1.3;letter-spacing:.015em;color:#031D43;margin:0}
.about-root .values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:56px}
.about-root .value-card{text-align:center}
.about-root .value-icon-wrap{width:80px;height:80px;background:linear-gradient(135deg,#0698F5 0%,#031D43 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:12px 20px 0 #0698f526}
.about-root .value-icon-wrap i{font-size:36px;color:#F9F9F9}
.about-root .value-title{font-size:22px;line-height:1.4;letter-spacing:.015em;color:#031D43;margin:0 0 16px}
.about-root .value-desc{font-size:16px;line-height:1.9;letter-spacing:.015em;color:#031D43;margin:0;opacity:.75}
@media (max-width: 1280px) {
.about-root .hero-content-anchor{right:60px;bottom:60px;max-width:440px}
.about-root .hero-title{font-size:48px}
.about-root .story-section{padding:100px 60px}
.about-root .story-layout{gap:60px}
.about-root .team-section{padding:80px 60px}
.about-root .team-grid{gap:36px}
.about-root .approach-section{padding:100px 60px}
.about-root .approach-container{gap:60px}
.about-root .values-section{padding:80px 60px}
}
@media (max-width: 768px) {
.about-root .hero-content-anchor{right:40px;bottom:40px;left:40px;max-width:none}
.about-root .hero-title{font-size:36px}
.about-root .story-section{padding:80px 40px}
.about-root .story-layout{grid-template-columns:1fr;gap:48px}
.about-root .story-sidebar{position:static}
.about-root .story-heading{font-size:32px}
.about-root .team-section{padding:60px 40px}
.about-root .team-heading{font-size:30px}
.about-root .team-grid{grid-template-columns:1fr;gap:32px}
.about-root .approach-section{padding:80px 40px}
.about-root .approach-container{grid-template-columns:1fr;gap:48px}
.about-root .approach-heading{font-size:32px}
.about-root .values-section{padding:60px 40px}
.about-root .values-heading{font-size:28px}
.about-root .values-grid{grid-template-columns:1fr;gap:48px}
}
.courses-hub{background:#F9F9F9;color:#031D43;line-height:2;letter-spacing:.015em;overflow-x:clip}
.courses-hub *{box-sizing:border-box}
.courses-hub .intro-hero-v2{max-width:1440px;margin:0 auto;padding:5rem 2rem;display:flex;gap:3rem;align-items:center;position:relative;background:linear-gradient(135deg,#0698f508 0%,#f9f9f9ff 100%);overflow:hidden}
.courses-hub .intro-hero-v2::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:repeating-linear-gradient(90deg,#0698F5 0px,#0698F5 10px,transparent 10px,transparent 20px);animation:scanline-move 3s linear infinite;opacity:.15}
@keyframes scanline-move {
0%{transform:translateX(-20px)}
100%{transform:translateX(0)}
}
.courses-hub .image-strip-left{flex:0 0 180px;height:420px;border-radius:24px;overflow:hidden;opacity:0;animation:fade-in-img 1s ease-in-out .3s forwards}
@keyframes fade-in-img {
to{opacity:1}
}
.courses-hub .image-strip-left img{width:100%;height:100%;object-fit:cover}
.courses-hub .text-content-v1{flex:1;max-width:800px}
.courses-hub .label-above{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#0698F5;margin:0 0 .5rem}
.courses-hub .text-content-v1 h1{font-size:52px;line-height:1.2;margin:0 0 1.5rem;letter-spacing:.01em}
.courses-hub .text-content-v1 p{font-size:17px;margin:0;color:#031d43d9}
.courses-hub .grid-dense-six{max-width:1440px;margin:0 auto;padding:4rem 2rem;background:#fff}
.courses-hub .grid-dense-six h2{font-size:36px;margin:0 0 3rem;text-align:center;letter-spacing:.01em}
.courses-hub .six-col-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem}
.courses-hub .topic-card-compact{background:#F9F9F9;padding:1.5rem;border-radius:20px;text-align:center;transition:all 300ms ease-in-out;box-shadow:0 8px 20px #031d430f}
.courses-hub .topic-card-compact:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0698f526}
.courses-hub .topic-card-compact .icon-holder{width:60px;height:60px;margin:0 auto 1rem;background:conic-gradient(from 45deg at 30% 30%,#0698F5,#031D43,#0698F5);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}
.courses-hub .topic-card-compact h3{font-size:16px;margin:0 0 .5rem}
.courses-hub .topic-card-compact p{font-size:13px;margin:0;line-height:1.6;color:#031d43bf}
.courses-hub .magazine-two-col{max-width:1440px;margin:0 auto;padding:5rem 2rem;display:grid;grid-template-columns:2fr 1fr;gap:4rem;background:linear-gradient(180deg,#fff 0%,#F9F9F9 100%)}
.courses-hub .primary-column h2{font-size:38px;margin:0 0 2rem}
.courses-hub .primary-column h2 span{font-size:56px;display:inline-block;color:#0698F5}
.courses-hub .content-narrow-text{max-width:560px;margin:0 auto 3rem}
.courses-hub .content-narrow-text p{font-size:17px;margin:0 0 1.5rem}
.courses-hub .numbered-list-circle{list-style:none;padding:0;margin:0}
.courses-hub .numbered-list-circle li{display:flex;align-items:flex-start;margin:0 0 2rem}
.courses-hub .number-circle{flex:0 0 40px;height:40px;background:#0698F5;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:1rem;font-size:18px}
.courses-hub .numbered-list-circle li div{flex:1}
.courses-hub .numbered-list-circle h4{font-size:19px;margin:0 0 .5rem}
.courses-hub .numbered-list-circle p{font-size:16px;margin:0;line-height:1.7}
.courses-hub .secondary-column{background:#031D43;border-radius:32px;padding:3rem 2rem;color:#fff;box-shadow:30px 30px 0 #0698f51f}
.courses-hub .secondary-column h3{font-size:26px;margin:0 0 1.5rem}
.courses-hub .secondary-column p{font-size:15px;line-height:1.9;margin:0 0 1rem;color:#ffffffe6}
.courses-hub .secondary-column ul{list-style:none;padding:0;margin:2rem 0 0}
.courses-hub .secondary-column li{padding:.8rem 0;border-bottom:1px solid #ffffff26;font-size:15px}
.courses-hub .secondary-column li:last-child{border-bottom:none}
.courses-hub .three-dots-divider{text-align:center;padding:3rem 0;max-width:1440px;margin:0 auto}
.courses-hub .three-dots-divider span{display:inline-block;width:8px;height:8px;background:#0698F5;border-radius:50%;margin:0 8px;opacity:.4}
.courses-hub .interactive-radio-section{max-width:1440px;margin:0 auto;padding:5rem 2rem;background:#fff}
.courses-hub .interactive-radio-section h2{font-size:42px;margin:0 0 3rem;text-align:center}
.courses-hub .radio-group-custom{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}
.courses-hub .radio-group-custom input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.courses-hub .radio-group-custom label{padding:1rem 2.5rem;background:#F9F9F9;border:2px solid transparent;border-radius:32px;cursor:pointer;transition:all 300ms ease-in-out;font-size:17px;display:block}
.courses-hub .radio-group-custom label:hover{background:#0698f514;border-color:#0698F5}
.courses-hub .radio-group-custom input[type="radio"]:checked + label{background:#0698F5;color:#fff;box-shadow:inset 0 2px 8px #00000026}
.courses-hub .content-panels{position:relative;min-height:400px}
.courses-hub .panel-content{display:none;animation:fade-panel 500ms ease-in-out}
@keyframes fade-panel {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.courses-hub #level-beginner:checked ~ .content-panels .panel-beginner,.courses-hub #level-intermediate:checked ~ .content-panels .panel-intermediate,.courses-hub #level-advanced:checked ~ .content-panels .panel-advanced{display:block}
.courses-hub .panel-content h3{font-size:28px;margin:0 0 1.5rem}
.courses-hub .panel-content p{font-size:17px;margin:0 0 1.5rem;max-width:800px}
.courses-hub .panel-content ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.courses-hub .panel-content li{background:#F9F9F9;padding:1.5rem;border-radius:24px;border-left:4px solid #0698F5}
.courses-hub .panel-content li strong{display:block;font-size:18px;margin-bottom:.5rem;color:#031D43}
.courses-hub .metrics-animated-v1{max-width:1440px;margin:0 auto;padding:5rem 2rem;background:conic-gradient(from 135deg at 80% 20%,#0698f514,#f9f9f9ff,#031d430d);border-radius:40px;position:relative}
.courses-hub .metrics-animated-v1::before{content:'';position:absolute;top:5%;left:8%;width:6px;height:6px;background:#0698F5;border-radius:50%;opacity:.3}
.courses-hub .metrics-animated-v1::after{content:'';position:absolute;bottom:15%;right:12%;width:8px;height:8px;background:#031D43;border-radius:50%;opacity:.2}
.courses-hub .metrics-animated-v1 h2{font-size:40px;text-align:center;margin:0 0 3rem}
.courses-hub .stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.courses-hub .stat-box-v2{text-align:center;padding:2rem;background:#fff;border-radius:28px;box-shadow:0 10px 30px #031d4314;transition:transform 300ms ease-in-out}
.courses-hub .stat-box-v2:hover{transform:scale(1.05)}
.courses-hub .stat-box-v2 .number-big{font-size:48px;font-weight:700;color:#0698F5;margin:0 0 .5rem;display:block}
.courses-hub .stat-box-v2 .label-stat{font-size:16px;color:#031D43;margin:0}
.courses-hub .testimonial-compact-v3{max-width:1440px;margin:0 auto;padding:5rem 2rem;background:#fff}
.courses-hub .testimonial-compact-v3 h2{font-size:38px;margin:0 0 3rem;text-align:center}
.courses-hub .testimonial-grid-two{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}
.courses-hub .testimonial-block{background:#F9F9F9;padding:2.5rem;border-radius:32px;position:relative;box-shadow:0 8px 24px #031d430f}
.courses-hub .testimonial-block::before{content:'';position:absolute;top:-8px;left:2rem;width:60px;height:4px;background:#0698F5;border-radius:4px}
.courses-hub .testimonial-block p{font-size:17px;margin:0 0 1.5rem;font-style:italic;line-height:1.8}
.courses-hub .author-info{display:flex;align-items:center;gap:1rem}
.courses-hub .avatar-circle{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#0698F5,#031D43);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px}
.courses-hub .author-info div h4{font-size:17px;margin:0 0 .2rem}
.courses-hub .author-info div p{font-size:14px;margin:0;color:#031d43b3;font-style:normal}
.courses-hub .image-showcase-split{max-width:1440px;margin:0 auto;padding:5rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;background:linear-gradient(90deg,#F9F9F9 0%,#fff 100%)}
.courses-hub .image-container-hover{border-radius:32px;overflow:hidden;position:relative;height:460px;box-shadow:20px 20px 0 #031d4314}
.courses-hub .image-container-hover img{width:100%;height:100%;object-fit:cover;transition:transform 500ms ease-in-out;object-position:top center}
.courses-hub .image-container-hover:hover img{transform:scale(1.08)}
.courses-hub .text-side-v2 h2{font-size:40px;margin:0 0 1.5rem}
.courses-hub .text-side-v2 p{font-size:17px;margin:0 0 1.5rem}
.courses-hub .cta-btn-primary{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 2.5rem;background:#0698F5;color:#fff;text-decoration:none;border-radius:32px;font-size:17px;transition:all 300ms ease-in-out;box-shadow:0 8px 20px #0698f540}
.courses-hub .cta-btn-primary:hover{background:#031D43;box-shadow:0 12px 30px #031d434d}
.courses-hub .cta-btn-primary i{font-size:20px;transition:transform 300ms ease-in-out}
.courses-hub .cta-btn-primary:hover i{transform:translateX(6px)}
.courses-hub .final-cta-block{max-width:1440px;margin:0 auto;padding:5rem 2rem;text-align:center;background:#031D43;border-radius:40px;color:#fff;position:relative;overflow:hidden}
.courses-hub .final-cta-block::before{content:'';position:absolute;top:10%;left:15%;width:120px;height:120px;background:radial-gradient(circle,#0698f526,transparent);border-radius:50%;pointer-events:none}
.courses-hub .final-cta-block::after{content:'';position:absolute;bottom:20%;right:20%;width:80px;height:80px;background:radial-gradient(circle,#0698f51f,transparent);border-radius:50%;pointer-events:none}
.courses-hub .final-cta-block h2{font-size:44px;margin:0 0 1.5rem}
.courses-hub .final-cta-block p{font-size:18px;margin:0 0 2rem;max-width:700px;margin-left:auto;margin-right:auto;color:#ffffffe6}
.courses-hub .cta-btn-light{display:inline-flex;align-items:center;gap:.8rem;padding:1.2rem 3rem;background:#fff;color:#031D43;text-decoration:none;border-radius:32px;font-size:18px;font-weight:700;transition:all 300ms ease-in-out;box-shadow:0 8px 24px #00000026}
.courses-hub .cta-btn-light:hover{background:#0698F5;color:#fff;box-shadow:0 12px 36px #0698f566}
.courses-hub .cta-btn-light i{font-size:22px;transition:transform 300ms ease-in-out}
.courses-hub .cta-btn-light:hover i{transform:translateX(6px)}
@media (max-width: 1280px) {
.courses-hub .six-col-grid{grid-template-columns:repeat(3,1fr)}
.courses-hub .magazine-two-col{grid-template-columns:1fr}
.courses-hub .secondary-column{box-shadow:15px 15px 0 #0698f51f}
.courses-hub .stats-row{grid-template-columns:repeat(2,1fr)}
.courses-hub .image-showcase-split{grid-template-columns:1fr}
.courses-hub .panel-content ul{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.courses-hub .intro-hero-v2{flex-direction:column;padding:3rem 1.5rem}
.courses-hub .image-strip-left{width:100%;flex:0 0 auto;height:300px}
.courses-hub .text-content-v1 h1{font-size:36px}
.courses-hub .six-col-grid{grid-template-columns:repeat(2,1fr);gap:1rem}
.courses-hub .magazine-two-col{padding:3rem 1.5rem}
.courses-hub .stats-row{grid-template-columns:1fr}
.courses-hub .testimonial-grid-two{grid-template-columns:1fr;gap:2rem}
.courses-hub .radio-group-custom{flex-direction:column;align-items:stretch}
.courses-hub .panel-content ul{grid-template-columns:1fr}
.courses-hub .final-cta-block h2{font-size:32px}
}
.success-wrapper{background:linear-gradient(180deg,#F9F9F9 0%,#fff 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden}
.success-wrapper::before{content:'';position:absolute;top:-10%;right:-5%;width:600px;height:600px;background:conic-gradient(from 45deg,#0698f514,#031d4314,transparent);border-radius:40% 60% 70% 30%;pointer-events:none;z-index:1}
.success-wrapper::after{content:'';position:absolute;bottom:-15%;left:-8%;width:500px;height:500px;background:conic-gradient(from 225deg,#031d430f,#0698f50f,transparent);border-radius:60% 40% 30% 70%;pointer-events:none;z-index:1}
.content-frame{position:relative;z-index:2;max-width:720px;width:100%;background:#fff;border-radius:32px;padding:4rem 3rem;box-shadow:0 40px 80px -20px #031d431f;text-align:center}
.icon-container-v2{width:120px;height:120px;margin:0 auto 2.5rem;background:linear-gradient(135deg,#0698F5 0%,#031D43 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:pulse-circle 2s ease-in-out infinite}
@keyframes pulse-circle {
0%,100%{transform:scale(1);box-shadow:0 0 0 0 #0698f566}
50%{transform:scale(1.05);box-shadow:0 0 0 20px #0698f500}
}
.icon-container-v2::before{content:'';position:absolute;width:140px;height:140px;border:3px solid #0698F5;border-radius:50%;opacity:.3;animation:ring-expand 2s ease-in-out infinite}
@keyframes ring-expand {
0%,100%{transform:scale(1);opacity:.3}
50%{transform:scale(1.15);opacity:0}
}
.check-symbol{width:60px;height:60px;position:relative}
.check-symbol::before{content:'';position:absolute;width:8px;height:30px;background:#fff;border-radius:4px;bottom:15px;left:18px;transform:rotate(45deg);animation:check-draw-1 .5s ease-out .3s both}
.check-symbol::after{content:'';position:absolute;width:8px;height:18px;background:#fff;border-radius:4px;bottom:21px;left:6px;transform:rotate(-45deg);animation:check-draw-2 .3s ease-out .5s both}
@keyframes check-draw-1 {
from{height:0}
to{height:30px}
}
@keyframes check-draw-2 {
from{height:0}
to{height:18px}
}
.main-heading-v1{font-size:2.8rem;line-height:1.2;color:#031D43;margin:0 0 1rem;letter-spacing:.01em;font-weight:700}
.subtitle-block{font-size:1.25rem;line-height:1.6;color:#555;margin:0 0 2.5rem;letter-spacing:.01em}
.confirmation-text{font-size:17px;line-height:2;color:#333;margin:0 0 3rem;letter-spacing:.02em;max-width:560px;margin-left:auto;margin-right:auto;padding:0 1rem}
.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:0 0 3rem;padding:2rem;background:#F9F9F9;border-radius:24px}
.detail-item{text-align:left;padding:1rem;background:#fff;border-radius:16px;border-left:4px solid #0698F5;transition:all 300ms ease-in-out}
.detail-item:hover{transform:translateX(4px);box-shadow:0 8px 16px #0698f51a}
.detail-label{font-size:.9rem;color:#888;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.detail-value{font-size:1.1rem;color:#031D43;margin:0;font-weight:600;letter-spacing:.01em}
.action-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn-primary-v3{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;background:#0698F5;color:#fff;text-decoration:none;border-radius:28px;font-size:1.05rem;font-weight:600;letter-spacing:.01em;transition:all 300ms ease-in-out;box-shadow:0 8px 20px #0698f540;position:relative;overflow:hidden}
.btn-primary-v3::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fff3,transparent);transition:left 500ms ease-in-out}
.btn-primary-v3:hover{background:#0582D6;transform:translateY(-2px);box-shadow:0 12px 28px #0698f559}
.btn-primary-v3:hover::before{left:100%}
.btn-primary-v3 i{transition:transform 300ms ease-in-out}
.btn-primary-v3:hover i{transform:translateX(4px)}
.btn-secondary-v2{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;background:transparent;color:#031D43;text-decoration:none;border-radius:28px;font-size:1.05rem;font-weight:600;letter-spacing:.01em;border:2px solid #031D43;transition:all 300ms ease-in-out}
.btn-secondary-v2:hover{background:#031D43;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #031d4333}
.btn-secondary-v2 i{transition:transform 300ms ease-in-out}
.btn-secondary-v2:hover i{transform:translateX(4px)}
.info-note{margin:2.5rem 0 0;padding:1.5rem;background:linear-gradient(135deg,#0698f50d,#031d430d);border-radius:20px;border:1px solid #0698f526}
.info-note p{margin:0;font-size:.95rem;line-height:1.8;color:#555;letter-spacing:.01em}
.info-note a{color:#0698F5;text-decoration:underline;transition:color 300ms ease-in-out}
.info-note a:hover{color:#031D43}
@media screen and (max-width: 768px) {
.content-frame{padding:3rem 2rem;border-radius:24px}
.main-heading-v1{font-size:2.2rem}
.subtitle-block{font-size:1.1rem}
.details-grid{grid-template-columns:1fr;gap:1rem;padding:1.5rem}
.action-group{flex-direction:column;gap:.75rem}
.btn-primary-v3,.btn-secondary-v2{width:100%;justify-content:center;padding:1rem 2rem}
.icon-container-v2{width:100px;height:100px}
.icon-container-v2::before{width:120px;height:120px}
.check-symbol{width:50px;height:50px}
.check-symbol::before{height:25px;left:15px;bottom:12px}
.check-symbol::after{height:15px;bottom:18px}
}
@media screen and (max-width: 480px) {
.success-wrapper{padding:1rem .75rem}
.content-frame{padding:2.5rem 1.5rem}
.main-heading-v1{font-size:1.8rem}
.confirmation-text{padding:0}
}