*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Cabin',sans-serif;font-size:16px;line-height:1.6;color:#033C59;background:#FAFAFA}
.hd-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.site-hd{background:linear-gradient(127deg,#0570E1 0%,#033C59 100%);padding:25px 0;box-shadow:0 4px 6px #033c5926}
.hd-grid{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:20px 30px;align-items:center}
.logo-box{grid-column:1;grid-row:1;display:flex;align-items:center}
.logo-box img{height:90px;width:90px;border-radius:8px;background:#ffffff1a;padding:8px;box-shadow:0 2px 8px #0003}
.brand-txt{grid-column:2;grid-row:1;text-align:right}
.brand-txt h1{font-size:32px;font-weight:700;color:#FAFAFA;letter-spacing:.5px}
.main-nv{grid-column:1 / -1;grid-row:2;margin-top:10px}
.main-nv ul{list-style:none;display:flex;gap:35px;flex-wrap:wrap;justify-content:center;padding:15px 0;background:#ffffff14;border-radius:12px}
.main-nv a{text-decoration:none;color:#FAFAFA;font-size:17px;font-weight:600;padding:8px 16px;border-radius:6px;transition:background 0.2s,outline .2s}
.main-nv a:hover{background:#ffffff26;outline:2px solid #fafafa66}
.ft-main{background:linear-gradient(238deg,#033C59 0%,#0570E1 100%);color:#FAFAFA;padding:50px 0 0;margin-top:80px}
.ft-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.ft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:45px;margin-bottom:40px}
.ft-col h3{font-size:20px;margin-bottom:18px;color:#FAFAFA;font-weight:700}
.ft-col p,.ft-col a{font-size:15px;line-height:1.8;color:#fafafad9;text-decoration:none;display:block;margin-bottom:8px}
.ft-col a:hover{color:#FAFAFA;outline:1px solid #fafafa4d;padding-left:4px}
.ft-bottom{border-top:1px solid #fafafa33;padding:25px 0;text-align:center}
.ft-bottom p{font-size:14px;color:#fafafab3}
.ft-nv{margin-top:12px}
.ft-nv a{color:#fafafacc;text-decoration:none;margin:0 15px;font-size:14px;transition:color .2s}
.ft-nv a:hover{color:#FAFAFA;border-bottom:1px solid #FAFAFA}
.cookie-popup{position:fixed;bottom:20px;left:20px;max-width:520px;background:#fff;border-radius:16px;box-shadow:0 6px 24px #033c5940;padding:28px 32px;opacity:0;transform:translateY(20px);transition:opacity 0.4s,transform .4s;z-index:9999;display:none}
.cookie-popup[data-visible="true"]{opacity:1;transform:translateY(0)}
.cookie-hd{font-size:19px;font-weight:700;color:#033C59;margin-bottom:14px}
.cookie-txt{font-size:14px;line-height:1.6;color:#033C59;margin-bottom:18px}
.cookie-details{max-height:0;overflow:hidden;transition:max-height .3s}
.cookie-details[data-state="open"]{max-height:400px}
.cookie-category{margin:12px 0;padding:12px;background:#FAFAFA;border-radius:8px}
.cookie-category label{display:flex;align-items:center;font-size:14px;font-weight:600;color:#033C59;cursor:pointer}
.cookie-category input[type="checkbox"]{margin-right:10px;width:18px;height:18px}
.cookie-category input[type="checkbox"]:disabled{opacity:.5}
.cookie-toggle{background:none;border:none;color:#0570E1;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:14px;text-decoration:underline;padding:0}
.cookie-btns{display:flex;gap:12px;margin-top:18px}
.cookie-btn{flex:1;padding:12px 20px;border:none;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;transition:background 0.2s,outline .2s}
.cookie-accept{background:#0570E1;color:#fff}
.cookie-accept:hover{background:#0460c7;outline:2px solid #033C59}
.cookie-decline{background:#FAFAFA;color:#033C59;border:2px solid #033C59}
.cookie-decline:hover{background:#e8e8e8;outline:2px solid #0570E1}
.cookie-settings-link{position:fixed;bottom:20px;left:20px;background:#0570E1;color:#fff;padding:10px 16px;border-radius:50px;text-decoration:none;font-size:13px;font-weight:600;box-shadow:0 4px 12px #0570e14d;display:none;align-items:center;gap:8px;z-index:9998;transition:background .2s}
.cookie-settings-link:hover{background:#0460c7}
.cookie-settings-link[data-visible="true"]{display:flex}
@media (max-width: 768px) {
.hd-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:18px;text-align:center}
.logo-box{grid-column:1;grid-row:1;justify-content:center}
.brand-txt{grid-column:1;grid-row:2;text-align:center}
.brand-txt h1{font-size:24px}
.main-nv{grid-column:1;grid-row:3}
.main-nv ul{flex-direction:column;gap:12px;padding:12px}
.ft-grid{grid-template-columns:1fr;gap:30px}
.cookie-popup{left:10px;right:10px;bottom:10px;max-width:none;padding:20px}
.cookie-settings-link{left:10px;bottom:10px}
}
@media (max-width: 480px) {
.logo-box img{height:70px;width:70px}
.brand-txt h1{font-size:20px}
.main-nv a{font-size:15px}
}
.policy-box{max-width:1200px;margin:0 auto;padding:80px 24px;background:#FAFAFA}
.policy-box h1{font-size:42px;line-height:1.2;color:#033C59;margin:0 0 48px;font-weight:700;letter-spacing:-.5px}
.policy-box h2{font-size:32px;line-height:1.3;color:#033C59;margin:64px 0 24px;font-weight:600;letter-spacing:-.3px}
.policy-box h3{font-size:24px;line-height:1.4;color:#0570E1;margin:48px 0 20px;font-weight:600}
.policy-box h4{font-size:20px;line-height:1.4;color:#033C59;margin:36px 0 16px;font-weight:600}
.policy-box h5{font-size:18px;line-height:1.5;color:#033C59;margin:32px 0 12px;font-weight:600}
.policy-box h6{font-size:16px;line-height:1.5;color:#0570E1;margin:28px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.policy-box p{font-size:16px;line-height:1.8;color:#2c2c2c;margin:0 0 20px;max-width:800px}
.policy-box strong,.policy-box b{font-weight:600;color:#033C59}
.policy-box em,.policy-box i{font-style:italic;color:#1a1a1a}
.policy-box a{color:#0570E1;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s ease;font-weight:500}
.policy-box a:hover{border-bottom-color:#0570E1}
.policy-box a:focus{outline:3px solid #0570E1;outline-offset:2px}
.policy-box table{width:100%;border-collapse:collapse;margin:32px 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #033c5914}
.policy-box thead{background:linear-gradient(135deg,#0570E1 0%,#033C59 100%)}
.policy-box thead tr{border:none}
.policy-box thead th{color:#fff;font-weight:600;text-align:left;padding:16px 20px;font-size:15px;letter-spacing:.3px}
.policy-box tbody tr{border-bottom:1px solid #e8e8e8}
.policy-box tbody tr:last-child{border-bottom:none}
.policy-box tbody tr:nth-child(even){background:#f8f9fa}
.policy-box tbody tr:hover{background:#f0f7ff}
.policy-box th,.policy-box td{padding:14px 20px;font-size:15px;line-height:1.6}
.policy-box td{color:#2c2c2c}
.policy-box th{font-weight:600;color:#033C59}
.policy-box hr{border:none;height:2px;background:linear-gradient(90deg,#0570E1 0%,transparent 100%);margin:48px 0}
@media (max-width: 768px) {
.policy-box{padding:48px 20px}
.policy-box h1{font-size:32px;margin-bottom:32px}
.policy-box h2{font-size:26px;margin-top:48px}
.policy-box h3{font-size:22px;margin-top:36px}
.policy-box h4{font-size:19px}
.policy-box p{font-size:15px;line-height:1.7}
.policy-box table{font-size:14px}
.policy-box th,.policy-box td{padding:12px 14px}
.policy-box thead th{font-size:14px}
}
@media (max-width: 480px) {
.policy-box{padding:32px 16px}
.policy-box h1{font-size:28px;margin-bottom:24px}
.policy-box h2{font-size:23px;margin-top:40px}
.policy-box h3{font-size:20px}
.policy-box table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.policy-box th,.policy-box td{padding:10px 12px;font-size:13px}
}
.intro-zone{background:linear-gradient(127deg,#0570E1 0%,#033C59 100%);padding:4rem 1.5rem;position:relative;overflow:hidden}
.intro-zone::before{content:'';position:absolute;width:8px;height:8px;border:2px dotted #fafafa4d;border-radius:50%;top:2rem;left:2rem}
.intro-zone::after{content:'';position:absolute;width:8px;height:8px;border:2px dotted #fafafa4d;border-radius:50%;bottom:2rem;right:2rem}
.intro-wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}
.intro-content h1{font-size:2.5rem;color:#FAFAFA;margin:0 0 1.5rem;line-height:1.2;font-weight:700}
.intro-content .tagline{font-size:1.2rem;color:#fafafae6;line-height:1.6;margin:0;font-style:italic}
.intro-img{position:relative}
.intro-img img{width:100%;height:auto;max-height:360px;object-fit:cover;border-radius:8px;box-shadow:0 12px 32px #033c5966 0 4px 8px #0003}
.analysis-area{padding:5rem 1.5rem;background:#FAFAFA}
.analysis-inner{max-width:1200px;margin:0 auto}
.analysis-inner h2{font-size:2rem;color:#033C59;margin:0 0 1rem;position:relative;display:inline-block}
.analysis-inner h2::after{content:'';position:absolute;bottom:-4px;left:0;width:60%;height:3px;background:linear-gradient(90deg,#0570E1,transparent)}
.analysis-inner p{color:#033C59;font-size:1.05rem;line-height:1.7;margin:0 0 1.5rem}
.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin:3rem 0 0}
.metric-box{background:#fff;padding:2rem;border-radius:12px;border:1px solid #0570e11a;box-shadow:0 3px 8px #033c5914;transition:all .3s ease}
.metric-box:hover{box-shadow:0 6px 16px #0570e126;transform:translateY(-3px);border-color:#0570E1}
.metric-num{font-size:2.5rem;color:#0570E1;font-weight:700;margin:0 0 .5rem;line-height:1}
.metric-label{color:#033C59;font-size:1rem;margin:0}
.ecosystem-wrap{padding:5rem 1.5rem;background:linear-gradient(218deg,#0570e10d 0%,#033c5914 100%)}
.ecosystem-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:3rem}
.ecosystem-text h2{font-size:2rem;color:#033C59;margin:0 0 1.5rem}
.ecosystem-text p{color:#033C59;font-size:1.05rem;line-height:1.7;margin:0 0 1.2rem}
.ecosystem-visual{position:relative}
.ecosystem-visual img{width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px #033c591f}
.network-section{padding:5rem 1.5rem;background:#fff}
.network-hold{max-width:1200px;margin:0 auto}
.network-hold h2{font-size:2rem;color:#033C59;margin:0 0 1rem;text-align:center}
.network-hold .intro-txt{color:#033C59;font-size:1.05rem;line-height:1.7;text-align:center;max-width:720px;margin:0 auto 3rem}
.connection-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.connect-card{background:#FAFAFA;padding:2rem;border-radius:8px;border-left:4px solid #0570E1;transition:all .3s ease}
.connect-card:hover{background:#fff;box-shadow:0 4px 12px #0570e11f;border-left-color:#033C59}
.connect-card h3{font-size:1.3rem;color:#0570E1;margin:0 0 1rem}
.connect-card p{color:#033C59;font-size:1rem;line-height:1.6;margin:0}
.pricing-zone{padding:5rem 1.5rem;background:linear-gradient(152deg,#033C59 0%,#0570E1 100%);position:relative}
.pricing-inner{max-width:1200px;margin:0 auto}
.pricing-inner h2{font-size:2rem;color:#FAFAFA;margin:0 0 1rem;text-align:center}
.pricing-inner .intro-desc{color:#fafafae6;font-size:1.05rem;line-height:1.7;text-align:center;max-width:680px;margin:0 auto 3rem}
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}
.price-block{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 8px 24px #00000026;transition:transform .3s ease}
.price-block:hover{transform:scale(1.03)}
.price-block h3{font-size:1.4rem;color:#033C59;margin:0 0 1rem}
.price-amount{font-size:2.2rem;color:#0570E1;font-weight:700;margin:0 0 1.5rem}
.price-block ul{list-style:none;padding:0;margin:0 0 2rem}
.price-block li{color:#033C59;font-size:1rem;line-height:1.8;padding-left:1.5rem;position:relative}
.price-block li::before{content:'✓';position:absolute;left:0;color:#0570E1;font-weight:700}
.price-action{display:inline-block;padding:.9rem 2rem;background:#0570E1;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:all .3s ease;border:2px solid #0570E1}
.price-action:hover{background:#fff;color:#0570E1;border-color:#0570E1}
.directions-area{padding:5rem 1.5rem;background:#FAFAFA}
.directions-hold{max-width:1200px;margin:0 auto}
.directions-hold h2{font-size:2rem;color:#033C59;margin:0 0 1rem}
.directions-hold .lead-text{color:#033C59;font-size:1.05rem;line-height:1.7;margin:0 0 3rem;max-width:740px}
.course-tabs{display:grid;grid-template-columns:1fr;gap:0}
.tab-control{display:none}
.tab-nav{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 2rem}
.tab-btn{padding:.8rem 1.5rem;background:#fff;color:#033C59;border:2px solid #0570e133;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}
.tab-btn:hover{border-color:#0570E1;background:#0570e10d}
.tab-control:checked + .tab-btn{background:#0570E1;color:#fff;border-color:#0570E1}
.tab-panel{display:none;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 3px 8px #033c5914}
.tab-control:nth-of-type(1):checked ~ .tab-panel:nth-of-type(1),.tab-control:nth-of-type(2):checked ~ .tab-panel:nth-of-type(2),.tab-control:nth-of-type(3):checked ~ .tab-panel:nth-of-type(3),.tab-control:nth-of-type(4):checked ~ .tab-panel:nth-of-type(4){display:block}
.tab-panel h3{font-size:1.5rem;color:#0570E1;margin:0 0 1rem}
.tab-panel p{color:#033C59;font-size:1rem;line-height:1.7;margin:0 0 1.5rem}
.skill-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:1.5rem 0 0}
.skill-item{background:#FAFAFA;padding:1rem;border-radius:4px;color:#033C59;font-size:.95rem;border-left:3px solid #0570E1}
@media (min-width: 768px) {
.intro-wrap{grid-template-columns:1fr 1fr}
.intro-content h1{font-size:3rem}
.ecosystem-container{grid-template-columns:1fr 1fr;align-items:center}
.tab-nav{justify-content:center}
}
@media (min-width: 1024px) {
.intro-content h1{font-size:3.5rem}
.metrics-grid{grid-template-columns:repeat(4,1fr)}
}
.intro-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:2.8rem;max-width:1200px;margin:0 auto 5rem;padding:4rem 1.5rem 3rem;position:relative;overflow:hidden}
.intro-wrap::before{content:'';position:absolute;width:480px;height:480px;background:linear-gradient(128deg,#0570e114,#033c591f);border-radius:50%;top:-120px;right:-100px;z-index:-1;animation:drift 18s ease-in-out infinite}
@keyframes drift {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,40px) scale(1.1)}
}
.intro-image-holder{position:relative;overflow:hidden;border-radius:18px;box-shadow:0 6px 24px #033c5926}
.intro-image-holder img{width:100%;height:620px;object-fit:cover;display:block}
.intro-image-holder::after,.intro-image-holder::before{content:'';position:absolute;left:0;right:0;height:140px;pointer-events:none}
.intro-image-holder::before{top:0;background:linear-gradient(180deg,#0570e166 0%,transparent 100%)}
.intro-image-holder::after{bottom:0;background:linear-gradient(0deg,#033c5980 0%,transparent 100%)}
.intro-text-area{display:flex;flex-direction:column;justify-content:center;padding:1rem 0}
.intro-text-area .label-line{font-size:.94rem;color:#0570E1;font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-bottom:1.2rem}
.intro-text-area h1{font-size:3.2rem;line-height:1.15;color:#033C59;margin:0 0 .6rem;font-weight:700}
.intro-text-area .sub-headline{font-size:1.6rem;color:#0570E1;margin:0 0 1.8rem;font-weight:500;line-height:1.3}
.intro-text-area p{font-size:1.05rem;line-height:1.7;color:#4a5568;margin:0 0 1.4rem}
.story-grid{max-width:1200px;margin:0 auto 5rem;padding:0 1.5rem;display:grid;grid-template-columns:1.4fr 1fr;gap:3.5rem;align-items:start}
.story-content h2{font-size:2.4rem;color:#033C59;margin:0 0 1.6rem;font-weight:700;position:relative;display:inline-block}
.story-content h2::after{content:'';position:absolute;bottom:-6px;left:0;width:60%;height:3px;background:linear-gradient(90deg,#0570E1,transparent)}
.story-content p{font-size:1.04rem;line-height:1.75;color:#4a5568;margin:0 0 1.4rem}
.story-visual{position:relative;padding:2rem;background:linear-gradient(135deg,#FAFAFA 0%,#f0f4f8 100%);border-radius:16px;box-shadow:0 4px 16px #033c5914}
.story-visual img{width:100%;height:auto;border-radius:12px;box-shadow:0 3px 12px #0000001a}
.approach-zone{background:linear-gradient(162deg,#033C59 0%,#0570E1 100%);padding:5rem 1.5rem;position:relative;margin-bottom:5rem}
.approach-zone::before{content:'';position:absolute;top:0;left:0;right:0;height:100%;background-image:radial-gradient(circle at 20% 30%,#ffffff0d 0%,transparent 50%),radial-gradient(circle at 80% 70%,#ffffff08 0%,transparent 50%);pointer-events:none}
.approach-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}
.approach-inner h2{font-size:2.6rem;color:#FAFAFA;text-align:center;margin:0 0 3.5rem;font-weight:700}
.method-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.method-item{background:#fffffff2;padding:2.2rem 1.8rem;border-radius:14px;box-shadow:0 5px 20px #00000026;transition:transform .3s ease,box-shadow .3s ease}
.method-item:hover{transform:translateY(-6px);box-shadow:0 8px 28px #00000038}
.method-item h3{font-size:1.45rem;color:#033C59;margin:0 0 1rem;font-weight:600}
.method-item p{font-size:1rem;line-height:1.65;color:#4a5568;margin:0}
.team-showcase{max-width:1200px;margin:0 auto 5rem;padding:0 1.5rem}
.team-showcase h2{font-size:2.5rem;color:#033C59;margin:0 0 2.5rem;font-weight:700;text-align:center}
.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}
.profile-card{display:grid;grid-template-columns:180px 1fr;gap:2rem;background:#FAFAFA;padding:2rem;border-radius:16px;border:2px solid transparent;transition:border-color .3s ease;box-shadow:0 3px 12px #033c5914}
.profile-card:hover{border-color:#0570E1}
.profile-photo{border-radius:12px;overflow:hidden;box-shadow:0 4px 14px #0000001f}
.profile-photo img{width:100%;height:240px;object-fit:cover;display:block}
.profile-info h3{font-size:1.6rem;color:#033C59;margin:0 0 .5rem;font-weight:600}
.profile-info .role-tag{font-size:.92rem;color:#0570E1;font-weight:500;margin-bottom:1.2rem;display:inline-block}
.profile-info p{font-size:1.02rem;line-height:1.7;color:#4a5568;margin:0}
.values-panel{max-width:1200px;margin:0 auto;padding:0 1.5rem 5rem}
.values-header{text-align:center;margin-bottom:3rem}
.values-header h2{font-size:2.5rem;color:#033C59;margin:0 0 1rem;font-weight:700}
.values-header p{font-size:1.1rem;color:#4a5568;max-width:700px;margin:0 auto;line-height:1.7}
.values-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.value-box{background:linear-gradient(145deg,#FAFAFA 0%,#fff 100%);padding:2rem 1.8rem;border-radius:12px;border-left:4px solid #0570E1;box-shadow:0 3px 10px #033c590f;transition:transform .3s ease}
.value-box:hover{transform:translateX(6px)}
.value-box h3{font-size:1.35rem;color:#033C59;margin:0 0 .9rem;font-weight:600;display:flex;align-items:center;gap:.8rem}
.value-box h3::before{content:'';width:8px;height:8px;background:#0570E1;border-radius:50%;display:inline-block}
.value-box p{font-size:1rem;line-height:1.7;color:#4a5568;margin:0}
@media (max-width: 968px) {
.intro-wrap{grid-template-columns:1fr;gap:2rem;padding:3rem 1.2rem 2rem}
.intro-image-holder img{height:400px}
.intro-text-area h1{font-size:2.4rem}
.intro-text-area .sub-headline{font-size:1.3rem}
.story-grid{grid-template-columns:1fr;gap:2.5rem}
.method-cards{grid-template-columns:1fr}
.team-grid{grid-template-columns:1fr}
.profile-card{grid-template-columns:1fr;gap:1.5rem}
.profile-photo img{height:300px}
}
@media (max-width: 640px) {
.intro-text-area h1{font-size:2rem}
.intro-text-area .sub-headline{font-size:1.15rem}
.approach-zone{padding:3.5rem 1.2rem}
.approach-inner h2{font-size:2rem}
.values-header h2{font-size:2rem}
.values-list{grid-template-columns:1fr}
}
.pg-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.hdr-zone{position:relative;padding:120px 20px 80px;margin-bottom:60px;overflow:hidden;background:linear-gradient(142deg,#0570E1 0%,#033C59 100%);border-radius:0 0 20px 20px}
.hdr-zone::before{content:'';position:absolute;top:-50%;left:-20%;width:140%;height:200%;background:radial-gradient(ellipse at center,#fafafa14 0%,transparent 70%);transform:rotate(-12deg);pointer-events:none}
.hdr-zone::after{content:'';position:absolute;bottom:0;right:0;width:300px;height:300px;background:radial-gradient(circle,#fafafa1f 0%,transparent 60%);filter:blur(40px)}
.hdr-content{position:relative;z-index:2;max-width:680px;margin:0 auto;text-align:center}
.hdr-content h1{font-size:42px;font-weight:700;color:#FAFAFA;margin:0 0 16px;line-height:1.2}
.hdr-content .sub-txt{font-size:18px;color:#fafafae0;line-height:1.6;margin:0}
.contact-main{padding:60px 0 80px}
.reach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-bottom:70px}
.reach-card{background:#FAFAFA;border:2px solid #0570e126;border-radius:16px;padding:32px 24px;transition:all .3s ease}
.reach-card:hover{border-color:#0570E1;box-shadow:0 4px 12px #0570e126}
.reach-card .ic-holder{width:56px;height:56px;background:linear-gradient(135deg,#0570E1 0%,#033C59 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.reach-card .ic-holder svg{width:28px;height:28px;fill:#FAFAFA}
.reach-card h3{font-size:20px;font-weight:600;color:#033C59;margin:0 0 12px}
.reach-card p{font-size:16px;color:#033C59;margin:0;line-height:1.6}
.reach-card a{color:#0570E1;text-decoration:none;transition:color .2s}
.reach-card a:hover{color:#033C59;text-decoration:underline}
.form-section{background:linear-gradient(158deg,#0570e108 0%,#fafafacc 100%);border-radius:20px;padding:50px 40px;border:1px solid #0570e11f}
.form-section h2{font-size:32px;font-weight:700;color:#033C59;margin:0 0 12px;text-align:center}
.form-section .intro-txt{font-size:17px;color:#033C59;opacity:.85;text-align:center;margin:0 auto 40px;max-width:560px;line-height:1.5}
.contact-form{max-width:720px;margin:0 auto}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.field-group{display:flex;flex-direction:column}
.field-group.full-w{grid-column:1 / -1}
.field-group label{font-size:15px;font-weight:600;color:#033C59;margin-bottom:8px}
.field-group input[type="text"],.field-group input[type="email"],.field-group select,.field-group textarea{padding:14px 16px;border:2px solid #0570e133;border-radius:8px;font-size:16px;color:#033C59;background:#FAFAFA;transition:all .2s}
.field-group input[type="text"]:focus,.field-group input[type="email"]:focus,.field-group select:focus,.field-group textarea:focus{outline:none;border-color:#0570E1;box-shadow:inset 0 1px 3px #0570e11a}
.field-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23033C59' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px;cursor:pointer}
.field-group textarea{resize:vertical;min-height:120px;font-family:inherit}
.time-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:8px}
.time-opts input[type="radio"]{display:none}
.time-opts label{padding:12px 18px;border:2px solid #0570e133;border-radius:8px;text-align:center;cursor:pointer;transition:all .2s;font-weight:500;font-size:15px;background:#FAFAFA}
.time-opts input[type="radio"]:checked + label{background:#0570E1;color:#FAFAFA;border-color:#0570E1}
.time-opts label:hover{border-color:#0570E1}
.privacy-box{margin:32px 0;display:flex;align-items:flex-start;gap:10px}
.privacy-box input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.privacy-box label{font-size:14px;color:#033C59;opacity:.9;line-height:1.5;cursor:pointer}
.privacy-box a{color:#0570E1;text-decoration:none}
.privacy-box a:hover{text-decoration:underline}
.submit-zone{text-align:center;margin-top:36px}
.btn-submit{padding:16px 48px;background:linear-gradient(135deg,#0570E1 0%,#033C59 100%);color:#FAFAFA;border:none;border-radius:10px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 3px 8px #0570e140}
.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0570e159}
.btn-submit:active{transform:translateY(0)}
@media (max-width: 768px) {
.hdr-zone{padding:80px 20px 60px;margin-bottom:40px;border-radius:0 0 16px 16px}
.hdr-content h1{font-size:32px}
.hdr-content .sub-txt{font-size:16px}
.reach-grid{grid-template-columns:1fr;gap:20px;margin-bottom:50px}
.form-section{padding:40px 24px;border-radius:16px}
.form-section h2{font-size:26px}
.form-row{grid-template-columns:1fr;gap:20px;margin-bottom:20px}
.time-opts{grid-template-columns:1fr}
.btn-submit{width:100%;padding:14px 32px}
}
@media (max-width: 480px) {
.hdr-content h1{font-size:28px}
.form-section{padding:30px 20px}
.reach-card{padding:24px 20px}
}
.pg-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.intro-zone{position:relative;padding:80px 0 60px;overflow:hidden}
.intro-zone::before{content:'';position:absolute;top:-50%;right:-20%;width:80%;height:200%;background:linear-gradient(127deg,#0570E1 0%,#033c5926 100%);opacity:.08;transform:rotate(-12deg);z-index:0}
.intro-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}
.intro-txt h1{font-size:2.8rem;line-height:1.2;color:#033C59;margin:0 0 24px;font-weight:700}
.intro-txt p{font-size:1.1rem;line-height:1.7;color:#2c3e50;margin:0 0 16px}
.intro-visual{position:relative}
.intro-visual img{width:100%;height:420px;object-fit:cover;border-radius:16px;box-shadow:0 6px 20px #0570e126;display:block}
.intro-visual::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0570e11a 0%,#fafafa0d 100%);border-radius:16px;pointer-events:none}
.path-section{padding:70px 0;background:linear-gradient(180deg,#FAFAFA 0%,#fff 100%)}
.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.path-card{background:#fff;border:2px solid transparent;border-radius:12px;padding:36px 28px;box-shadow:0 3px 12px #033c5914;transition:all .3s ease}
.path-card:hover{border-color:#0570E1;box-shadow:0 6px 18px #0570e12e;transform:translateY(-4px)}
.path-card h3{font-size:1.5rem;color:#033C59;margin:0 0 16px;font-weight:600}
.path-card h3::before{content:'';display:inline-block;width:6px;height:6px;background:#0570E1;border-radius:50%;margin-right:10px;vertical-align:middle}
.path-card p{font-size:1rem;line-height:1.6;color:#555;margin:0 0 20px}
.path-details{list-style:none;padding:0;margin:0}
.path-details li{font-size:.95rem;color:#666;padding:8px 0;padding-left:24px;position:relative}
.path-details li::before{content:'→';position:absolute;left:0;color:#0570E1;font-weight:700}
.interactive-area{padding:80px 0;background:#fff}
.skill-tabs-wrapper{max-width:1000px;margin:0 auto}
.skill-tabs-wrapper h2{font-size:2.2rem;color:#033C59;text-align:center;margin:0 0 48px;font-weight:700}
.skill-tabs-wrapper h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#0570E1 0%,#033C59 100%);margin:16px auto 0;border-radius:2px}
.tab-input{display:none}
.tab-nav{display:flex;gap:12px;margin-bottom:36px;border-bottom:3px solid #FAFAFA;padding-bottom:4px}
.tab-btn{flex:1;padding:14px 20px;background:transparent;border:none;border-bottom:3px solid transparent;font-size:1.05rem;color:#666;cursor:pointer;transition:all .3s ease;font-weight:500;margin-bottom:-7px}
.tab-btn:hover{color:#0570E1;background:#0570e10d}
.tab-input:checked + .tab-btn{color:#033C59;border-bottom-color:#0570E1;font-weight:600}
.tab-panel{display:none;padding:32px;background:linear-gradient(135deg,#FAFAFA 0%,#fff 100%);border-radius:12px;box-shadow:0 4px 16px #033c591a}
.tab-input:nth-of-type(1):checked ~ .tab-panel:nth-of-type(1),.tab-input:nth-of-type(2):checked ~ .tab-panel:nth-of-type(2),.tab-input:nth-of-type(3):checked ~ .tab-panel:nth-of-type(3){display:block}
.tab-panel h3{font-size:1.6rem;color:#033C59;margin:0 0 20px}
.tab-panel p{font-size:1.05rem;line-height:1.7;color:#444;margin:0 0 24px}
.skill-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}
.skill-item{padding:16px 20px;background:#fff;border-left:4px solid #0570E1;border-radius:6px;box-shadow:0 2px 8px #0000000f;font-size:.98rem;color:#555}
.voices-section{padding:70px 0;background:linear-gradient(165deg,#0570e108 0%,#fafafacc 100%)}
.voices-section h2{font-size:2.2rem;color:#033C59;text-align:center;margin:0 0 56px;font-weight:700}
.voices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.voice-card{background:#fff;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 5px 18px #033c591f;transition:all .3s ease}
.voice-card:hover{box-shadow:0 8px 24px #0570e133;transform:translateY(-6px)}
.voice-img{width:100%;height:260px;object-fit:cover;display:block}
.voice-content{padding:28px 24px}
.voice-content p{font-size:1rem;line-height:1.65;color:#444;margin:0 0 20px;font-style:italic}
.voice-author{font-size:.95rem;color:#0570E1;font-weight:600;margin:0}
.voice-role{font-size:.88rem;color:#777;margin:4px 0 0}
@media (max-width: 968px) {
.intro-inner{grid-template-columns:1fr;gap:40px}
.intro-txt h1{font-size:2.2rem}
.path-grid{grid-template-columns:1fr;gap:24px}
.skill-list{grid-template-columns:1fr}
.voices-grid{grid-template-columns:1fr;gap:32px}
.tab-nav{flex-direction:column;gap:8px}
.tab-btn{margin-bottom:0;border-bottom:none;border-left:3px solid transparent;text-align:left}
.tab-input:checked + .tab-btn{border-left-color:#0570E1;border-bottom-color:transparent}
}
@media (max-width: 640px) {
.intro-zone{padding:50px 0 40px}
.intro-txt h1{font-size:1.8rem}
.intro-visual img{height:300px}
.path-card{padding:28px 20px}
.skill-tabs-wrapper h2{font-size:1.8rem}
.voices-section h2{font-size:1.8rem}
.voice-img{height:220px}
}
.success-hero{background:linear-gradient(147deg,#0570E1 0%,#033C59 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.success-hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);animation:pulse-anim 8s ease-in-out infinite}
@keyframes pulse-anim {
0%,100%{transform:scale(1) rotate(0deg)}
50%{transform:scale(1.1) rotate(180deg)}
}
.success-wrap{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.check-icon-wrap{width:120px;height:120px;margin:0 auto 30px;position:relative}
.check-icon-wrap svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px #00000026)}
.check-circle{fill:#FAFAFA;animation:scale-in .6s ease-out}
.check-mark{stroke:#0570E1;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:draw-check .8s ease-out .3s forwards}
@keyframes scale-in {
0%{transform:scale(0);opacity:0}
50%{transform:scale(1.1)}
100%{transform:scale(1);opacity:1}
}
@keyframes draw-check {
to{stroke-dashoffset:0}
}
.success-hero h1{color:#FAFAFA;font-size:42px;font-weight:700;margin:0 0 16px;letter-spacing:-.5px}
.success-hero .lead-txt{color:#fafafae6;font-size:18px;line-height:1.6;max-width:580px;margin:0 auto 40px}
.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:900px;margin:0 auto}
.action-card{background:#fafafaf2;border-radius:12px;padding:32px 24px;text-align:left;position:relative;transition:all .3s ease;border:2px solid transparent}
.action-card:hover{transform:translateY(-4px);border-color:#FAFAFA;box-shadow:0 8px 24px #0003}
.action-card h3{color:#033C59;font-size:20px;font-weight:600;margin:0 0 12px;display:flex;align-items:center;gap:12px}
.action-card h3::before{content:'';width:6px;height:6px;background:#0570E1;border-radius:50%;display:block}
.action-card p{color:#033C59;font-size:15px;line-height:1.6;margin:0 0 20px;opacity:.8}
.action-card .btn-primary{display:inline-block;background:#0570E1;color:#FAFAFA;padding:12px 28px;border-radius:6px;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease;border:2px solid #0570E1;position:relative;z-index:10}
.action-card .btn-primary:hover{background:#033C59;border-color:#033C59;box-shadow:0 4px 12px #0570e14d}
.action-card .btn-secondary{display:inline-block;background:transparent;color:#0570E1;padding:12px 28px;border-radius:6px;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease;border:2px solid #0570E1;position:relative;z-index:10}
.action-card .btn-secondary:hover{background:#0570E1;color:#FAFAFA;border-color:#0570E1}
.info-banner{background:#fafafa1a;border-radius:8px;padding:20px 24px;margin:40px auto 0;max-width:700px;border-left:4px solid #FAFAFA}
.info-banner p{color:#FAFAFA;font-size:14px;line-height:1.6;margin:0;opacity:.95}
.info-banner strong{font-weight:600;color:#FAFAFA}
@media (max-width: 768px) {
.success-hero{padding:60px 20px}
.success-hero h1{font-size:32px}
.success-hero .lead-txt{font-size:16px}
.action-grid{grid-template-columns:1fr;gap:16px}
.check-icon-wrap{width:100px;height:100px}
}
@media (max-width: 480px) {
.success-hero h1{font-size:28px}
.action-card{padding:24px 20px}
.action-card h3{font-size:18px}
}