*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{font-family:'Arimo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6;color:#e4e4e4;background:#0a0a0a;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button{font-family:inherit;cursor:pointer;border:none;background:none}
.topUtil{background:#00a0d614;border-bottom:1px solid #00a0d633;padding:8px 0}
.utilHolder{max-width:1280px;margin:0 auto;padding:0 24px}
.contactSnip{display:flex;gap:32px;font-size:13px;color:#b0b0b0}
.locInfo,.phoneInfo{display:inline-flex;align-items:center}
.mainHd{background:linear-gradient(135deg,#0d0d0d 0%,#1a1a1a 100%);border-bottom:2px solid #00a0d64d;box-shadow:0 4px 16px #00a0d626;padding:20px 0}
.hdHolder{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.brandArea{display:flex;align-items:center;gap:16px}
.siteLogo{width:90px;height:90px;background:#ffffff0d;padding:12px;border-radius:8px;box-shadow:0 0 20px #00a0d666}
.companyLabel{font-size:26px;font-weight:700;color:#00A0D6;text-shadow:0 0 12px #00a0d699;letter-spacing:.5px}
.primaryNav{display:flex;gap:8px;align-items:center}
.primaryNav .navItem{padding:12px 20px;font-size:15px;font-weight:400;color:#d0d0d0;transition:all .25s cubic-bezier(0.4,0,0.2,1);border-radius:6px;position:relative}
.primaryNav .navItem:hover{color:#00A0D6;background:#00a0d61a}
.ftTop{background:linear-gradient(180deg,#111 0%,#0a0a0a 100%);padding:60px 0 40px;border-top:1px solid #00a0d640}
.ftContent{max-width:1280px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px}
.ftInfoBlock{display:flex;flex-direction:column;gap:16px}
.ftTitle{font-size:19px;font-weight:700;color:#00A0D6;text-shadow:0 0 8px #00a0d680;margin-bottom:8px}
.ftText{font-size:14px;line-height:1.7;color:#b8b8b8}
.ftNav{display:flex;flex-direction:column;gap:10px}
.ftLink{font-size:14px;color:silver;transition:color .2s ease;width:fit-content}
.ftLink:hover{color:#00A0D6}
.ftBottom{background:#080808;padding:24px 0;border-top:1px solid #c72f4126}
.ftBottom .ftContent{display:block;text-align:center}
.copyright{font-size:13px;color:#888}
.cookieBar{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);border-top:2px solid #00a0d666;box-shadow:0 -8px 32px #000c 0 0 40px #00a0d633;padding:28px 24px;transform:translateY(100%);opacity:0;transition:all .45s cubic-bezier(0.68,-0.55,0.265,1.55);z-index:9999}
.cookieBar.showing{transform:translateY(0);opacity:1}
.cookieContent{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
.cookieText{text-align:center}
.cookieHd{font-size:22px;font-weight:700;color:#00A0D6;text-shadow:0 0 10px #00a0d699;margin-bottom:8px}
.cookieDesc{font-size:14px;color:silver;line-height:1.5}
.cookieCategories{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.cookieCat{background:#00a0d60d;border:1px solid #00a0d633;border-radius:8px;padding:16px;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.cookieCat:hover{background:#00a0d614;border-color:#00a0d666;box-shadow:0 4px 16px #00a0d626}
.catLabel{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:6px}
.catCheck{width:18px;height:18px;cursor:pointer;accent-color:#00A0D6}
.catCheck:disabled{cursor:not-allowed}
.catName{font-size:15px;font-weight:700;color:#e4e4e4}
.catDesc{font-size:12px;color:#a0a0a0;margin-left:28px;line-height:1.4}
.cookieActions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.cookieBtn{padding:12px 28px;font-size:14px;font-weight:700;border-radius:6px;transition:all .3s cubic-bezier(0.4,0,0.2,1);text-transform:uppercase;letter-spacing:.5px}
.btnReject{background:#c72f4133;color:#C72F41;border:1px solid #c72f4166}
.btnReject:hover{background:#c72f414d;border-color:#C72F41;box-shadow:0 0 20px #c72f4166}
.btnAccept{background:#00a0d633;color:#00A0D6;border:1px solid #00a0d666}
.btnAccept:hover{background:#00a0d64d;border-color:#00A0D6;box-shadow:0 0 20px #00a0d680}
.btnSave{background:#e1f3e326;color:#E1F3E3;border:1px solid #e1f3e34d}
.btnSave:hover{background:#e1f3e340;border-color:#E1F3E3;box-shadow:0 0 20px #e1f3e34d}
@media (max-width: 968px) {
.hdHolder{flex-direction:column;gap:24px}
.primaryNav{flex-wrap:wrap;justify-content:center}
.contactSnip{flex-direction:column;gap:8px;text-align:center}
.ftContent{grid-template-columns:1fr;gap:32px}
.cookieCategories{grid-template-columns:1fr}
}
@media (max-width: 580px) {
.siteLogo{width:70px;height:70px}
.companyLabel{font-size:20px}
.primaryNav .navItem{padding:10px 16px;font-size:14px}
.cookieActions{flex-direction:column}
.cookieBtn{width:100%}
}
.policy-block-i{max-width:1280px;margin:0 auto;padding:80px 24px;background:#0a0a0a;color:#e8e8e8}
.policy-block-i h1{font-size:48px;font-weight:700;line-height:1.2;margin:0 0 48px;color:#00A0D6;text-shadow:0 0 20px #00a0d666;letter-spacing:-.5px}
.policy-block-i h2{font-size:36px;font-weight:600;line-height:1.3;margin:64px 0 32px;color:#00A0D6;border-left:4px solid #00A0D6;padding-left:20px;text-shadow:0 0 12px #00a0d64d}
.policy-block-i h3{font-size:28px;font-weight:600;line-height:1.4;margin:48px 0 24px;color:#E1F3E3;letter-spacing:-.3px}
.policy-block-i h4{font-size:22px;font-weight:600;line-height:1.4;margin:36px 0 20px;color:#E1F3E3}
.policy-block-i h5{font-size:18px;font-weight:600;line-height:1.5;margin:28px 0 16px;color:#C72F41;text-shadow:0 0 8px #c72f414d}
.policy-block-i h6{font-size:16px;font-weight:600;line-height:1.5;margin:24px 0 12px;color:#C72F41;text-transform:uppercase;letter-spacing:1px}
.policy-block-i p{font-size:17px;line-height:1.8;margin:0 0 24px;color:#d4d4d4;font-weight:400}
.policy-block-i strong,.policy-block-i b{font-weight:700;color:#00A0D6}
.policy-block-i em,.policy-block-i i{font-style:italic;color:#E1F3E3}
.policy-block-i table{width:100%;border-collapse:collapse;margin:40px 0;background:#151515;border:2px solid #00a0d64d;box-shadow:0 8px 32px #00a0d61a}
.policy-block-i thead{background:linear-gradient(135deg,#00a0d633 0%,#c72f4133 100%)}
.policy-block-i thead tr{border-bottom:2px solid #00A0D6}
.policy-block-i tbody tr{border-bottom:1px solid #00a0d626;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.policy-block-i tbody tr:hover{background:#00a0d60d;box-shadow:inset 0 0 20px #00a0d61a}
.policy-block-i tbody tr:last-child{border-bottom:none}
.policy-block-i th{padding:18px 20px;text-align:left;font-size:16px;font-weight:700;color:#00A0D6;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 0 10px #00a0d64d}
.policy-block-i td{padding:16px 20px;font-size:16px;line-height:1.7;color:#d4d4d4}
.policy-block-i hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#00A0D6 50%,transparent 100%);margin:56px 0;box-shadow:0 0 12px #00a0d680}
@media (max-width: 1024px) {
.policy-block-i{padding:60px 20px}
.policy-block-i h1{font-size:38px;margin-bottom:36px}
.policy-block-i h2{font-size:30px;margin:48px 0 24px}
.policy-block-i h3{font-size:24px}
}
@media (max-width: 768px) {
.policy-block-i{padding:48px 16px}
.policy-block-i h1{font-size:32px;margin-bottom:32px}
.policy-block-i h2{font-size:26px;margin:40px 0 20px;padding-left:16px}
.policy-block-i h3{font-size:22px;margin:36px 0 18px}
.policy-block-i h4{font-size:20px}
.policy-block-i p{font-size:16px;line-height:1.7;margin-bottom:20px}
.policy-block-i table{font-size:14px;margin:32px 0}
.policy-block-i th,.policy-block-i td{padding:12px 14px;font-size:14px}
.policy-block-i hr{margin:40px 0}
}
@media (max-width: 480px) {
.policy-block-i{padding:40px 12px}
.policy-block-i h1{font-size:28px;margin-bottom:28px}
.policy-block-i h2{font-size:24px;margin:32px 0 16px;padding-left:12px}
.policy-block-i h3{font-size:20px}
.policy-block-i table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.policy-block-i th,.policy-block-i td{padding:10px 12px;font-size:13px}
}
.heroZn{background:linear-gradient(135deg,#0a0f1a 0%,#1a1f2e 100%);padding:120px 20px 100px;position:relative;overflow:hidden}
.heroZn::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#00a0d626 0%,transparent 70%);border-radius:50%}
.heroZn::after{content:'';position:absolute;bottom:-30%;left:-15%;width:600px;height:600px;background:radial-gradient(circle,#c72f411a 0%,transparent 70%);border-radius:50%}
.heroHolder{max-width:1280px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.heroTxt h1{font-size:58px;line-height:1.15;color:#fff;margin:0 0 24px;font-weight:700;text-shadow:0 4px 12px #00a0d64d}
.heroTxt h1::before{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#00A0D6 0%,#C72F41 100%);margin-bottom:20px}
.heroTxt p{font-size:19px;line-height:1.6;color:#b8c4d6;margin:0 0 36px}
.heroCta{display:inline-block;padding:16px 42px;background:linear-gradient(135deg,#00A0D6 0%,#0088b8 100%);color:#fff;text-decoration:none;border-radius:8px;font-size:17px;font-weight:600;transition:all .3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 24px #00a0d659}
.heroCta:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00a0d680;background:linear-gradient(135deg,#0088b8 0%,#00A0D6 100%)}
.heroVisual{position:relative}
.heroVisual img{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 20px 60px #00a0d640 inset 0 -80px 100px #00a0d626;filter:brightness(1.1)}
.personalBox{background:#151a26;padding:90px 20px}
.personalWrap{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:380px 1fr;gap:80px;align-items:start}
.personalImg img{width:100%;height:500px;object-fit:cover;border-radius:10px;border:3px solid #00a0d64d;box-shadow:0 16px 48px #00000080}
.personalContent h2{font-size:44px;color:#fff;margin:0 0 28px;font-weight:700;position:relative;padding-left:24px}
.personalContent h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:50px;background:linear-gradient(180deg,#00A0D6 0%,#C72F41 100%);border-radius:3px}
.personalContent p{font-size:17px;line-height:1.7;color:#a8b5cc;margin:0 0 20px}
.personalItems{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.perItem{background:#00a0d614;padding:26px;border-radius:10px;border-left:4px solid #00A0D6;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.perItem:hover{background:#00a0d626;transform:translateX(6px);box-shadow:0 8px 24px #00a0d633}
.perItem h4{font-size:20px;color:#00A0D6;margin:0 0 12px;font-weight:600}
.perItem p{font-size:15px;color:#97a4bb;margin:0;line-height:1.6}
.experienceGrid{background:linear-gradient(180deg,#0d1117 0%,#1a1f2e 100%);padding:100px 20px}
.expContainer{max-width:1280px;margin:0 auto}
.expHdr{text-align:center;margin-bottom:70px}
.expHdr h2{font-size:48px;color:#fff;margin:0 0 20px;font-weight:700}
.expHdr h2::after{content:'';display:block;width:120px;height:4px;background:linear-gradient(90deg,#C72F41 0%,#00A0D6 100%);margin:20px auto 0}
.expHdr p{font-size:18px;color:#9ba8c0;margin:0}
.expCards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.expCard{background:#c72f410f;padding:40px 32px;border-radius:12px;border:2px solid #c72f4133;transition:all .4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}
.expCard::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#00A0D6,#C72F41);opacity:0;transition:opacity .4s;border-radius:12px;z-index:-1}
.expCard:hover::before{opacity:.2}
.expCard:hover{transform:translateY(-8px);box-shadow:0 16px 48px #c72f414d;border-color:#c72f4180}
.expCard h3{font-size:24px;color:#fff;margin:0 0 16px;font-weight:600}
.expCard p{font-size:16px;color:#a0adc5;margin:0;line-height:1.7}
.expNum{display:inline-block;font-size:52px;font-weight:700;color:#C72F41;line-height:1;margin-bottom:12px;text-shadow:0 4px 16px #c72f4166}
.techFlow{background:#0f1419;padding:95px 20px}
.techWrap{max-width:1280px;margin:0 auto;display:flex;gap:60px;align-items:center}
.techTxt{flex:1}
.techTxt h2{font-size:46px;color:#fff;margin:0 0 26px;font-weight:700}
.techTxt h2 span{color:#00A0D6;text-shadow:0 0 20px #00a0d699}
.techTxt p{font-size:17px;line-height:1.7;color:#9ca9c2;margin:0 0 18px}
.techFeatures{display:flex;flex-direction:column;gap:20px;margin-top:36px}
.techFt{display:flex;align-items:center;gap:16px;padding:18px;background:#00a0d61a;border-radius:8px;border-left:4px solid #00A0D6;transition:all .3s}
.techFt:hover{background:#00a0d62e;padding-left:24px}
.techFt svg{flex-shrink:0;width:28px;height:28px}
.techFt span{font-size:16px;color:#b5c1d8;font-weight:500}
.techVisual{flex:1}
.techVisual img{width:100%;height:520px;object-fit:cover;border-radius:10px;box-shadow:0 20px 60px #00a0d64d;border:2px solid #00a0d64d}
.trustBlock{background:linear-gradient(135deg,#12161f 0%,#1c2330 100%);padding:90px 20px}
.trustHolder{max-width:1280px;margin:0 auto}
.trustTitle{text-align:center;margin-bottom:60px}
.trustTitle h2{font-size:46px;color:#fff;margin:0 0 18px;font-weight:700}
.trustTitle h2::before{content:'';display:inline-block;width:50px;height:50px;background:linear-gradient(135deg,#00A0D6 0%,#C72F41 100%);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E") center/contain no-repeat;vertical-align:middle;margin-right:16px}
.trustTitle p{font-size:18px;color:#96a3bc;margin:0}
.testimonials{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.testimonial{background:#e1f3e30d;padding:36px;border-radius:12px;border:2px solid #e1f3e326;position:relative;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.testimonial:hover{border-color:#e1f3e34d;box-shadow:0 12px 36px #00a0d633}
.testimonial::before{content:'"';position:absolute;top:20px;left:20px;font-size:80px;color:#00a0d626;font-family:serif;line-height:1}
.testProfile{display:flex;align-items:center;gap:18px;margin-bottom:24px}
.testProfile img{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #00A0D6;box-shadow:0 4px 16px #00a0d64d}
.testInfo h4{font-size:19px;color:#fff;margin:0 0 4px;font-weight:600}
.testInfo p{font-size:14px;color:#8a96ad;margin:0}
.testQuote{font-size:16px;line-height:1.7;color:#a5b2ca;margin:0;position:relative;z-index:1}
.relevanceZone{background:#0a0e16;padding:100px 20px}
.relevWrap{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 420px;gap:70px;align-items:center}
.relevContent h2{font-size:48px;color:#fff;margin:0 0 28px;font-weight:700;line-height:1.2}
.relevContent h2 span{background:linear-gradient(135deg,#00A0D6 0%,#C72F41 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.relevContent p{font-size:17px;line-height:1.7;color:#9aa7c0;margin:0 0 32px}
.relevStats{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.statBox{background:linear-gradient(135deg,#00a0d61a 0%,#c72f411a 100%);padding:28px;border-radius:10px;border:2px solid #00a0d633;text-align:center;transition:all .3s}
.statBox:hover{transform:scale(1.05);box-shadow:0 12px 40px #00a0d640}
.statBox .num{display:block;font-size:42px;font-weight:700;color:#00A0D6;line-height:1;margin-bottom:10px;text-shadow:0 0 20px #00a0d680}
.statBox .lbl{display:block;font-size:15px;color:#8d99b3;font-weight:500}
.relevImg img{width:100%;height:560px;object-fit:cover;border-radius:12px;box-shadow:0 20px 60px #c72f414d;border:3px solid #c72f4140}
@media (max-width: 1024px) {
.heroHolder{grid-template-columns:1fr;gap:40px}
.heroTxt h1{font-size:46px}
.personalWrap{grid-template-columns:1fr;gap:50px}
.personalImg img{height:400px}
.expCards{grid-template-columns:1fr}
.techWrap{flex-direction:column}
.testimonials{grid-template-columns:1fr}
.relevWrap{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.heroZn{padding:80px 20px 60px}
.heroTxt h1{font-size:36px}
.heroTxt p{font-size:17px}
.heroVisual img{height:320px}
.personalBox{padding:60px 20px}
.personalContent h2{font-size:34px}
.personalItems{grid-template-columns:1fr}
.experienceGrid{padding:70px 20px}
.expHdr h2{font-size:36px}
.techFlow{padding:70px 20px}
.techTxt h2{font-size:34px}
.techVisual img{height:400px}
.trustBlock{padding:70px 20px}
.trustTitle h2{font-size:34px}
.relevanceZone{padding:70px 20px}
.relevContent h2{font-size:36px}
.relevStats{grid-template-columns:1fr}
.relevImg img{height:400px}
}
.cntHero{background:linear-gradient(135deg,#0a0f1a 0%,#1a1f2e 50%,#0d1219 100%);padding:120px 20px 100px;position:relative;overflow:hidden}
.cntHero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#00a0d626 0%,transparent 70%);border-radius:50%}
.cntHero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#c72f411a 0%,transparent 70%);border-radius:50%}
.heroHolder{max-width:1280px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;gap:60px}
.titleZone{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.txtPart h1{font-size:3.2rem;color:#fff;font-weight:700;line-height:1.2;margin:0 0 20px}
.txtPart h1 .numAccent{color:#00A0D6;font-size:4rem;display:inline-block;text-shadow:0 0 20px #00a0d699}
.txtPart .expln{font-size:1.15rem;color:#b8c5d6;line-height:1.7;margin:0}
.imgPart{position:relative;height:380px}
.imgPart img{width:100%;height:100%;object-fit:cover;border-radius:8px;clip-path:polygon(15% 0,100% 0,100% 85%,85% 100%,0 100%,0 15%);filter:brightness(0.85) contrast(1.1);box-shadow:0 12px 40px #00000080 0 0 60px #00a0d633}
.imgPart::before{content:'';position:absolute;top:-15px;left:-15px;right:15px;bottom:15px;border:2px solid #00a0d64d;border-radius:8px;clip-path:polygon(15% 0,100% 0,100% 85%,85% 100%,0 100%,0 15%)}
.decorSvg{position:absolute;bottom:-10px;right:-10px;width:80px;height:80px;opacity:.7}
.outreach{background:linear-gradient(180deg,#111822 0%,#0d1219 100%);padding:90px 20px;position:relative}
.outreach::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#00A0D6 50%,transparent 100%)}
.outreachWrap{max-width:1280px;margin:0 auto}
.outreachWrap h2{font-size:2.5rem;color:#fff;text-align:center;margin:0 0 70px;position:relative;display:inline-block;width:100%}
.outreachWrap h2::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#C72F41 0%,#00A0D6 100%);box-shadow:0 0 15px #00a0d699}
.optGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.optCard{background:linear-gradient(135deg,#1a1f2e 0%,#0f1419 100%);padding:40px 30px;border-radius:10px;border:1px solid #00a0d633;position:relative;transition:all .4s cubic-bezier(0.34,1.56,0.64,1)}
.optCard::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;background:linear-gradient(135deg,#00a0d60d 0%,#c72f410d 100%);opacity:0;transition:opacity .4s ease}
.optCard:hover{transform:translateY(-8px);border-color:#00A0D6;box-shadow:0 15px 50px #00a0d64d}
.optCard:hover::before{opacity:1}
.optCard .icnBox{width:60px;height:60px;margin:0 0 25px;display:flex;align-items:center;justify-content:center;background:#00a0d626;border-radius:50%;position:relative;z-index:1}
.optCard .icnBox svg{width:30px;height:30px;fill:#00A0D6;filter:drop-shadow(0 0 10px #00a0d699)}
.optCard h3{font-size:1.4rem;color:#fff;margin:0 0 15px;position:relative;z-index:1}
.optCard .detailTxt{font-size:1.05rem;color:#8a9bb0;line-height:1.6;margin:0 0 8px;position:relative;z-index:1}
.optCard .linkStyle{color:#00A0D6;text-decoration:none;transition:color .3s ease;position:relative;z-index:1}
.optCard .linkStyle:hover{color:#fff}
.formSection{background:linear-gradient(180deg,#0d1219 0%,#1a1f2e 100%);padding:100px 20px;position:relative}
.formSection::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent 0%,#c72f4166 50%,transparent 100%)}
.formContainer{max-width:800px;margin:0 auto}
.formContainer h2{font-size:2.3rem;color:#fff;text-align:center;margin:0 0 15px}
.formContainer .subLine{font-size:1.1rem;color:#8a9bb0;text-align:center;margin:0 0 60px}
.stepForm{background:linear-gradient(135deg,#111822 0%,#0a0f1a 100%);padding:50px 45px;border-radius:12px;border:1px solid #00a0d640;box-shadow:0 20px 60px #0006}
.stepIndicator{display:flex;justify-content:space-between;margin:0 0 50px;position:relative}
.stepIndicator::before{content:'';position:absolute;top:20px;left:0;right:0;height:2px;background:#00a0d633;z-index:0}
.stepDot{width:40px;height:40px;border-radius:50%;background:#1a1f2e;border:2px solid #00a0d64d;display:flex;align-items:center;justify-content:center;color:#8a9bb0;font-weight:600;position:relative;z-index:1;transition:all .3s ease}
.stepDot.actv{background:#00A0D6;border-color:#00A0D6;color:#fff;box-shadow:0 0 20px #00a0d699}
.fldGroup{margin:0 0 30px}
.fldGroup label{display:block;font-size:1rem;color:#b8c5d6;margin:0 0 10px;font-weight:500}
.fldGroup input,.fldGroup textarea{width:100%;padding:15px 20px;background:#0000004d;border:1px solid #00a0d64d;border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease;box-sizing:border-box}
.fldGroup input:focus,.fldGroup textarea:focus{outline:none;border-color:#00A0D6;box-shadow:0 0 20px #00a0d64d;background:#0006}
.fldGroup textarea{min-height:120px;resize:vertical}
.privacyRow{display:flex;align-items:flex-start;margin:0 0 35px}
.privacyRow input[type="checkbox"]{width:20px;height:20px;margin:3px 12px 0 0;cursor:pointer;accent-color:#00A0D6;flex-shrink:0}
.privacyRow label{font-size:.95rem;color:#8a9bb0;line-height:1.6;margin:0}
.privacyRow label a{color:#00A0D6;text-decoration:none;transition:color .3s ease}
.privacyRow label a:hover{color:#fff}
.submitBtn{width:100%;padding:18px;background:linear-gradient(135deg,#00A0D6 0%,#0080b0 100%);border:none;border-radius:8px;color:#fff;font-size:1.15rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 8px 25px #00a0d64d;position:relative;z-index:5}
.submitBtn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #00a0d680;background:linear-gradient(135deg,#00b8f5 0%,#00A0D6 100%)}
.locationZone{background:linear-gradient(180deg,#1a1f2e 0%,#111822 100%);padding:90px 20px;position:relative}
.locationZone::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#C72F41 50%,transparent 100%)}
.locWrap{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.locImg{position:relative;height:450px}
.locImg img{width:100%;height:100%;object-fit:cover;border-radius:10px;filter:brightness(0.8) saturate(1.2);box-shadow:0 15px 50px #00000080}
.locImg::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00a0d633 0%,#c72f4133 100%);border-radius:10px;pointer-events:none}
.locDetails h2{font-size:2.4rem;color:#fff;margin:0 0 40px;position:relative;padding-left:20px}
.locDetails h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:80%;background:linear-gradient(180deg,#00A0D6 0%,#C72F41 100%);border-radius:2px}
.locItem{display:flex;align-items:flex-start;margin:0 0 30px;padding:20px;background:linear-gradient(135deg,#00a0d60d 0%,#c72f410d 100%);border-radius:8px;border-left:3px solid #00A0D6;transition:all .3s ease}
.locItem:hover{background:linear-gradient(135deg,#00a0d61a 0%,#c72f411a 100%);transform:translateX(5px)}
.locItem .icnHolder{width:45px;height:45px;flex-shrink:0;margin-right:20px;display:flex;align-items:center;justify-content:center;background:#00a0d633;border-radius:8px}
.locItem .icnHolder svg{width:24px;height:24px;fill:#00A0D6}
.locItem .locTxt h4{font-size:1.15rem;color:#fff;margin:0 0 8px;font-weight:600}
.locItem .locTxt p{font-size:1rem;color:#8a9bb0;margin:0;line-height:1.6}
.finalCta{background:linear-gradient(135deg,#0a0f1a 0%,#1a1f2e 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.finalCta::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,#00a0d61a 0%,transparent 70%);border-radius:50%}
.ctaInner{max-width:800px;margin:0 auto;position:relative;z-index:2}
.ctaInner h3{font-size:2.2rem;color:#fff;margin:0 0 20px}
.ctaInner .ctaDesc{font-size:1.15rem;color:#b8c5d6;margin:0 0 35px;line-height:1.7}
.ctaBtnRow{display:flex;gap:20px;justify-content:center}
.ctaBtn{padding:16px 40px;border-radius:8px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(0.34,1.56,0.64,1);cursor:pointer;position:relative;z-index:5}
.ctaBtn.prim{background:linear-gradient(135deg,#C72F41 0%,#a02535 100%);color:#fff;box-shadow:0 8px 25px #c72f414d}
.ctaBtn.prim:hover{transform:translateY(-3px);box-shadow:0 15px 40px #c72f4180;background:linear-gradient(135deg,#e03850 0%,#C72F41 100%)}
.ctaBtn.sec{background:transparent;color:#00A0D6;border:2px solid #00A0D6}
.ctaBtn.sec:hover{background:#00a0d61a;transform:translateY(-3px);box-shadow:0 15px 40px #00a0d64d}
@media (max-width: 968px) {
.titleZone{grid-template-columns:1fr;gap:50px}
.txtPart h1{font-size:2.5rem}
.txtPart h1 .numAccent{font-size:3rem}
.imgPart{height:320px}
.optGrid{grid-template-columns:1fr;gap:25px}
.locWrap{grid-template-columns:1fr;gap:50px}
.ctaBtnRow{flex-direction:column;align-items:center}
.ctaBtn{width:100%;max-width:300px}
}
@media (max-width: 640px) {
.cntHero{padding:80px 20px 70px}
.txtPart h1{font-size:2rem}
.txtPart h1 .numAccent{font-size:2.5rem}
.outreachWrap h2{font-size:2rem}
.formContainer h2{font-size:1.9rem}
.stepForm{padding:35px 25px}
.stepIndicator{margin-bottom:40px}
.stepDot{width:35px;height:35px;font-size:.9rem}
.locDetails h2{font-size:2rem}
.ctaInner h3{font-size:1.8rem}
}
.topFrame{background:linear-gradient(135deg,#00a0d6f2 0%,#c72f41e6 100%);padding:90px 20px;position:relative;overflow:hidden}
.topFrame::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#e1f3e31a;border-radius:50%;z-index:1}
.topFrame::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#c72f414d;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);z-index:1}
.coreWrap{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.titleBox{display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px}
.mainTitle{font-size:52px;font-weight:700;color:#fff;line-height:1.2;margin:0;text-shadow:2px 4px 8px #0000004d}
.keyPoints{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px;max-width:680px}
.keyPoints li{font-size:18px;color:#E1F3E3;position:relative;padding-left:32px}
.keyPoints li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;background:#e1f3e3e6;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.primaryBtn{background:#E1F3E3;color:#00A0D6;padding:16px 48px;font-size:17px;font-weight:600;border:none;cursor:pointer;transition:all .4s cubic-bezier(0.68,-0.55,0.265,1.55);position:relative;overflow:hidden;z-index:1;text-decoration:none;display:inline-block}
.primaryBtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#c72f41e6;z-index:-1;transition:left .5s cubic-bezier(0.68,-0.55,0.265,1.55)}
.primaryBtn:hover{color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}
.primaryBtn:hover::before{left:0}
.storyPanel{background:#1a1a1a;padding:80px 20px;position:relative}
.storyPanel::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00A0D6 0%,#C72F41 50%,#00A0D6 100%)}
.storyHolder{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.narrativeSection h2{font-size:42px;color:#00A0D6;margin:0 0 28px;position:relative;padding-bottom:16px}
.narrativeSection h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:3px;background:#C72F41}
.narrativeSection p{font-size:17px;line-height:1.7;color:#E1F3E3;margin:0 0 20px}
.visualFrame{position:relative}
.visualFrame img{width:100%;height:480px;object-fit:cover;border:4px solid #00A0D6;box-shadow:12px 12px 0 #c72f4199}
.valuePillar{background:linear-gradient(180deg,#0d0d0d 0%,#1f1f1f 100%);padding:90px 20px;position:relative}
.pillarCore{max-width:1280px;margin:0 auto}
.pillarTitle{text-align:center;font-size:44px;color:#fff;margin:0 0 60px;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}
.pillarTitle::before{content:'';position:absolute;top:-12px;left:-20px;width:40px;height:40px;background:#00a0d64d;border-radius:50%}
.pillarTitle::after{content:'';position:absolute;bottom:-12px;right:-20px;width:40px;height:40px;background:#c72f414d;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.pillarGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.valueCard{background:#262626;padding:40px 32px;position:relative;border-left:6px solid #00A0D6;transition:all .4s cubic-bezier(0.175,0.885,0.32,1.275)}
.valueCard::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:#00a0d61a;transition:width .4s cubic-bezier(0.175,0.885,0.32,1.275);z-index:1}
.valueCard:hover{transform:translateX(8px);box-shadow:-8px 8px 24px #00a0d64d}
.valueCard:hover::before{width:100%}
.valueCard h3{font-size:24px;color:#E1F3E3;margin:0 0 18px;position:relative;z-index:2}
.valueCard p{font-size:16px;line-height:1.6;color:#ccc;margin:0;position:relative;z-index:2}
.valueCard img{width:100%;height:200px;object-fit:cover;margin-bottom:24px;position:relative;z-index:2;filter:grayscale(0.3);transition:filter .4s ease}
.valueCard:hover img{filter:grayscale(0)}
.teamZone{background:#1a1a1a;padding:85px 20px;position:relative}
.teamZone::before{content:'';position:absolute;top:50%;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,#00A0D6 25%,#C72F41 50%,#00A0D6 75%,transparent 100%)}
.teamContainer{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.sectionLabel{text-align:center;font-size:40px;color:#fff;margin:0 0 70px;text-transform:uppercase;letter-spacing:2px}
.profileRow{display:flex;justify-content:center;gap:80px;flex-wrap:wrap}
.profileModule{background:linear-gradient(135deg,#262626 0%,#1a1a1a 100%);padding:0;max-width:380px;position:relative;border:3px solid transparent;transition:all .5s cubic-bezier(0.68,-0.55,0.265,1.55);overflow:hidden}
.profileModule::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid #00A0D6;opacity:0;transition:opacity .5s ease}
.profileModule:hover::before{opacity:1}
.profileModule:hover{transform:scale(1.05);box-shadow:0 16px 32px #00a0d666}
.photoHolder{position:relative;overflow:hidden;height:420px}
.photoHolder img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.profileModule:hover .photoHolder img{transform:scale(1.1)}
.photoHolder::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,#1a1a1af2,transparent)}
.bioBox{padding:28px 24px;background:#1a1a1a}
.bioBox h4{font-size:22px;color:#E1F3E3;margin:0 0 8px}
.roleTag{font-size:15px;color:#00A0D6;margin:0 0 16px;font-weight:600}
.bioBox p{font-size:15px;line-height:1.6;color:#ccc;margin:0}
@media (max-width: 1024px) {
.storyHolder{grid-template-columns:1fr;gap:50px}
.pillarGrid{grid-template-columns:1fr}
.profileRow{gap:50px}
}
@media (max-width: 768px) {
.mainTitle{font-size:38px}
.keyPoints li{font-size:16px}
.narrativeSection h2{font-size:32px}
.pillarTitle{font-size:34px}
.sectionLabel{font-size:32px}
.visualFrame img{height:320px}
.topFrame{padding:60px 20px}
.storyPanel{padding:60px 20px}
.valuePillar{padding:60px 20px}
.teamZone{padding:60px 20px}
.primaryBtn{padding:14px 36px;font-size:16px}
}
.titleWrap{position:relative;background:linear-gradient(135deg,#001419 0%,#002836 100%);padding:120px 20px 140px;overflow:hidden}
.titleWrap::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#00a0d626 0%,transparent 70%);border-radius:50%}
.titleWrap::after{content:'';position:absolute;bottom:-30%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,#c72f411f 0%,transparent 70%);border-radius:50%}
.titleHolder{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.titleBg{position:absolute;top:50%;right:0;width:45%;height:80%;transform:translateY(-50%);opacity:.3;border-radius:8px;overflow:hidden}
.titleBg img{width:100%;height:100%;object-fit:cover;filter:brightness(0.7) contrast(1.2)}
.titleContent{max-width:55%;position:relative}
.titleContent h1{font-size:56px;line-height:1.15;color:#E1F3E3;margin:0 0 24px;font-weight:700;text-shadow:2px 2px 8px #0006}
.titleContent h1::before{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#00A0D6 0%,#C72F41 100%);margin-bottom:20px;box-shadow:0 0 12px #00a0d680}
.titleContent p{font-size:19px;line-height:1.6;color:#E1F3E3;margin:0;text-shadow:1px 1px 4px #0000004d}
.approachGrid{max-width:1280px;margin:0 auto;padding:100px 20px;background:#0a1a1f}
.approachHead{text-align:center;margin-bottom:70px}
.approachHead h2{font-size:42px;color:#00A0D6;margin:0 0 16px;font-weight:600;position:relative;display:inline-block}
.approachHead h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#C72F41;box-shadow:0 0 10px #c72f4199}
.approachHead p{font-size:18px;color:#E1F3E3;margin:24px auto 0;max-width:720px}
.approachItems{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.appItem{background:linear-gradient(145deg,#0d2329 0%,#0a1a1f 100%);padding:40px 32px;border-radius:12px;border:1px solid #00a0d633;position:relative;transition:all .4s cubic-bezier(0.4,0,0.2,1)}
.appItem::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#00a0d61a 0%,transparent 100%);opacity:0;transition:opacity .4s cubic-bezier(0.4,0,0.2,1);border-radius:12px}
.appItem:hover{transform:translateY(-8px);border-color:#00a0d680;box-shadow:0 12px 32px #00a0d64d}
.appItem:hover::before{opacity:1}
.appIcon{width:70px;height:70px;margin-bottom:24px;position:relative}
.appIcon svg{width:100%;height:100%;fill:#00A0D6;filter:drop-shadow(0 4px 12px #00a0d666)}
.appItem h3{font-size:24px;color:#E1F3E3;margin:0 0 14px;font-weight:600}
.appItem p{font-size:16px;color:#E1F3E3;margin:0;line-height:1.6;opacity:.9}
.pathwaySection{background:linear-gradient(180deg,#001419 0%,#0a1a1f 100%);padding:90px 20px}
.pathwayContainer{max-width:1280px;margin:0 auto;display:flex;flex-direction:row;gap:60px;align-items:center}
.pathwayTxt{flex:1}
.pathwayTxt h2{font-size:40px;color:#00A0D6;margin:0 0 20px;font-weight:600;position:relative;padding-left:24px}
.pathwayTxt h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:80%;background:linear-gradient(180deg,#C72F41 0%,#00A0D6 100%);border-radius:3px;box-shadow:0 0 12px #c72f4180}
.pathwayTxt p{font-size:17px;color:#E1F3E3;line-height:1.7;margin:0 0 16px}
.pathwayVisual{flex:1;position:relative}
.pathwaySteps{display:flex;flex-direction:column;gap:24px}
.stepCard{background:linear-gradient(135deg,#0d2329 0%,#0a1a1f 100%);padding:28px 32px;border-radius:10px;border-left:4px solid #00A0D6;position:relative;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.stepCard:nth-child(even){border-left-color:#C72F41}
.stepCard:hover{transform:translateX(8px);box-shadow:-8px 8px 24px #00a0d640}
.stepNum{position:absolute;top:-12px;left:20px;width:36px;height:36px;background:linear-gradient(135deg,#00A0D6 0%,#C72F41 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#001419;box-shadow:0 4px 12px #00a0d666}
.stepCard h4{font-size:20px;color:#E1F3E3;margin:0 0 10px;font-weight:600}
.stepCard p{font-size:15px;color:#E1F3E3;margin:0;line-height:1.6;opacity:.9}
.testimonialZone{background:#0a1a1f;padding:100px 20px;position:relative;overflow:hidden}
.testimonialZone::before{content:'';position:absolute;top:20%;left:-100px;width:400px;height:400px;background:radial-gradient(circle,#c72f411a 0%,transparent 70%);border-radius:50%}
.testimonialInner{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.testimonialInner h2{font-size:40px;color:#00A0D6;text-align:center;margin:0 0 60px;font-weight:600}
.testimonialCards{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.testCard{background:linear-gradient(145deg,#0d2329 0%,#0a1a1f 100%);padding:40px;border-radius:14px;border:1px solid #00a0d640;position:relative;transition:all .4s cubic-bezier(0.4,0,0.2,1)}
.testCard::before{content:'"';position:absolute;top:20px;left:30px;font-size:100px;color:#00a0d626;font-family:Georgia,serif;line-height:1}
.testCard:hover{border-color:#00a0d680;box-shadow:0 16px 40px #00a0d633;transform:translateY(-6px)}
.testTxt{position:relative;z-index:2;margin-bottom:28px}
.testTxt p{font-size:17px;color:#E1F3E3;line-height:1.7;margin:0;font-style:italic}
.testAuth{display:flex;align-items:center;gap:20px}
.testPhoto{width:64px;height:64px;border-radius:50%;overflow:hidden;border:3px solid #00a0d666;box-shadow:0 4px 12px #00a0d64d}
.testPhoto img{width:100%;height:100%;object-fit:cover}
.testInfo h5{font-size:18px;color:#E1F3E3;margin:0 0 4px;font-weight:600}
.testInfo span{font-size:14px;color:#e1f3e3b3}
.ctaFinal{background:linear-gradient(135deg,#001419 0%,#0d2329 100%);padding:100px 20px;position:relative;overflow:hidden}
.ctaFinal::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,#00a0d626 0%,transparent 70%);border-radius:50%}
.ctaFinal::after{content:'';position:absolute;bottom:-150px;left:-150px;width:500px;height:500px;background:radial-gradient(circle,#c72f411f 0%,transparent 70%);border-radius:50%}
.ctaBox{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2;background:linear-gradient(145deg,#0d232999 0%,#0a1a1f99 100%);padding:70px 50px;border-radius:16px;border:1px solid #00a0d64d;box-shadow:0 20px 60px #00000080}
.ctaBox h2{font-size:44px;color:#E1F3E3;margin:0 0 20px;font-weight:700}
.ctaBox p{font-size:19px;color:#E1F3E3;margin:0 0 40px;line-height:1.6;opacity:.95}
.ctaBtnRow{display:flex;justify-content:center;gap:24px}
.ctaBtn{display:inline-block;padding:18px 44px;font-size:17px;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s cubic-bezier(0.4,0,0.2,1);position:relative;z-index:10;border:none;cursor:pointer}
.ctaPrimary{background:linear-gradient(135deg,#00A0D6 0%,#C72F41 100%);color:#001419;box-shadow:0 8px 24px #00a0d666}
.ctaPrimary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00a0d699}
.ctaSecondary{background:transparent;color:#00A0D6;border:2px solid #00A0D6}
.ctaSecondary:hover{background:#00a0d61a;transform:translateY(-3px);box-shadow:0 8px 24px #00a0d64d}
@media (max-width: 1024px) {
.titleContent{max-width:65%}
.titleContent h1{font-size:46px}
.approachItems{grid-template-columns:repeat(2,1fr);gap:32px}
.pathwayContainer{flex-direction:column;gap:50px}
.testimonialCards{gap:40px}
}
@media (max-width: 768px) {
.titleWrap{padding:80px 20px 100px}
.titleContent{max-width:100%}
.titleBg{display:none}
.titleContent h1{font-size:36px}
.titleContent p{font-size:17px}
.approachGrid{padding:70px 20px}
.approachHead h2{font-size:34px}
.approachItems{grid-template-columns:1fr;gap:28px}
.pathwaySection{padding:70px 20px}
.pathwayTxt h2{font-size:32px}
.testimonialZone{padding:70px 20px}
.testimonialInner h2{font-size:32px;margin-bottom:40px}
.testimonialCards{grid-template-columns:1fr;gap:32px}
.testCard{padding:32px 24px}
.ctaFinal{padding:70px 20px}
.ctaBox{padding:50px 30px}
.ctaBox h2{font-size:34px}
.ctaBox p{font-size:17px}
.ctaBtnRow{flex-direction:column;gap:16px}
.ctaBtn{width:100%}
}
@media (max-width: 480px) {
.titleContent h1{font-size:30px}
.approachHead h2{font-size:28px}
.pathwayTxt h2{font-size:28px}
.testimonialInner h2{font-size:28px}
.ctaBox h2{font-size:28px}
}
.titleBlock{background:linear-gradient(135deg,#1a1a2e 0%,#0f0f1a 100%);padding:80px 20px;position:relative;overflow:hidden}
.titleBlock::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#00a0d626 0%,transparent 70%);top:-100px;right:-100px;border-radius:50%}
.titleBlock::after{content:'';position:absolute;width:8px;height:8px;background:#00A0D6;bottom:40px;left:50%;box-shadow:-60px 0 0 #00A0D6,-120px 0 0 #00A0D6,60px 0 0 #00A0D6,120px 0 0 #00A0D6}
.titleInner{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:60px}
.titleTxt{flex:1}
.titleTxt h1{font-size:48px;color:#E1F3E3;margin:0 0 24px;line-height:1.2;font-weight:700}
.titleTxt .subline{font-size:20px;color:#a0a0b5;line-height:1.6;max-width:600px}
.titleVisual{flex:0 0 420px;position:relative}
.titleVisual img{width:100%;height:380px;object-fit:cover;border-radius:8px;filter:saturate(0.7);box-shadow:0 12px 40px #00a0d64d}
.approachSec{background:#16162a;padding:100px 20px;position:relative}
.approachSec::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#00A0D6 0%,#C72F41 50%,#00A0D6 100%)}
.approachWrap{max-width:1280px;margin:0 auto}
.approachHead{text-align:center;margin-bottom:60px}
.approachHead h2{font-size:42px;color:#E1F3E3;margin:0 0 16px;font-weight:700}
.approachHead .intro{font-size:18px;color:#8a8a9f;max-width:700px;margin:0 auto;line-height:1.7}
.methodGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}
.methCard{background:linear-gradient(145deg,#1e1e38 0%,#14142a 100%);padding:40px 30px;border-radius:10px;border:1px solid #00a0d633;position:relative;transition:all .4s cubic-bezier(0.68,-0.55,0.265,1.55)}
.methCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#00A0D6,#C72F41);opacity:0;transition:opacity .3s ease}
.methCard:hover{transform:translateY(-8px);border-color:#00a0d699;box-shadow:0 16px 48px #00a0d666}
.methCard:hover::before{opacity:1}
.methCard h3{font-size:24px;color:#00A0D6;margin:0 0 16px;font-weight:600}
.methCard p{font-size:16px;color:#b0b0c5;line-height:1.6;margin:0}
.deliveryArea{background:#0d0d1a;padding:90px 20px}
.deliveryHolder{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.deliveryImg img{width:100%;height:500px;object-fit:cover;border-radius:10px;box-shadow:-20px 20px 60px #c72f414d}
.deliveryContent h2{font-size:40px;color:#E1F3E3;margin:0 0 24px;font-weight:700}
.deliveryContent .description{font-size:17px;color:#9595ab;line-height:1.7;margin-bottom:30px}
.featList{list-style:none;padding:0;margin:0}
.featList li{padding:18px 0;border-bottom:1px solid #ffffff1a;font-size:16px;color:#c0c0d5;position:relative;padding-left:30px}
.featList li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;background:linear-gradient(135deg,#00A0D6,#C72F41);border-radius:3px}
.learningPath{background:linear-gradient(180deg,#16162a 0%,#1e1e38 100%);padding:100px 20px;position:relative}
.pathContainer{max-width:1280px;margin:0 auto}
.pathHd{text-align:center;margin-bottom:70px}
.pathHd h2{font-size:42px;color:#E1F3E3;margin:0 0 18px;font-weight:700;position:relative;display:inline-block}
.pathHd h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#00A0D6,#C72F41)}
.pathHd .tagline{font-size:18px;color:#8585a0;margin-top:30px;line-height:1.6}
.stepsHolder{display:flex;justify-content:space-between;position:relative;margin-top:60px}
.stepsHolder::before{content:'';position:absolute;top:40px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#00A0D6 0%,#C72F41 50%,#00A0D6 100%);z-index:1}
.stepBox{flex:0 0 22%;text-align:center;position:relative;z-index:2}
.stepNum{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#00A0D6,#0078a0);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#E1F3E3;box-shadow:0 8px 24px #00a0d680;border:4px solid #16162a;transition:all .3s ease}
.stepBox:hover .stepNum{transform:scale(1.1);box-shadow:0 12px 36px #00a0d6b3}
.stepBox h4{font-size:20px;color:#00A0D6;margin:0 0 12px;font-weight:600}
.stepBox p{font-size:15px;color:#a5a5b8;line-height:1.6;margin:0}
.testimonialZone{background:#0a0a15;padding:90px 20px}
.testimonialBox{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}
.testimLeft{position:relative}
.testimLeft img{width:100%;height:600px;object-fit:cover;border-radius:10px;box-shadow:20px -20px 60px #00a0d640}
.testimRight h2{font-size:38px;color:#E1F3E3;margin:0 0 40px;font-weight:700}
.quoteBlock{background:linear-gradient(135deg,#1a1a30 0%,#121225 100%);padding:40px;border-radius:8px;border-left:6px solid #00A0D6;margin-bottom:30px;position:relative;box-shadow:0 8px 32px #0006}
.quoteBlock::before{content:'"';position:absolute;top:-20px;left:30px;font-size:120px;color:#00a0d626;line-height:1;font-family:serif}
.quoteBlock .quoteTxt{font-size:18px;color:#d0d0e0;line-height:1.7;margin:0 0 24px;font-style:italic}
.quoteAuth{display:flex;align-items:center;gap:20px}
.authImg{width:60px;height:60px;border-radius:50%;overflow:hidden;border:3px solid #00A0D6}
.authImg img{width:100%;height:100%;object-fit:cover}
.authInfo h5{font-size:18px;color:#00A0D6;margin:0 0 6px;font-weight:600}
.authInfo .role{font-size:14px;color:#8080a0;margin:0}
.ctaArea{background:linear-gradient(135deg,#1e1e38 0%,#0d0d1a 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.ctaArea::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,#c72f411f 0%,transparent 70%);top:-200px;left:-200px;border-radius:50%}
.ctaArea::after{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,#00a0d61f 0%,transparent 70%);bottom:-200px;right:-200px;border-radius:50%}
.ctaInner{max-width:800px;margin:0 auto;position:relative;z-index:2}
.ctaInner h2{font-size:44px;color:#E1F3E3;margin:0 0 20px;font-weight:700}
.ctaInner .msg{font-size:19px;color:#a0a0b5;line-height:1.6;margin-bottom:40px}
.ctaBtns{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.btnPrimary{display:inline-block;padding:18px 50px;background:linear-gradient(135deg,#00A0D6,#0078a0);color:#E1F3E3;text-decoration:none;font-size:17px;font-weight:600;border-radius:8px;transition:all .3s cubic-bezier(0.68,-0.55,0.265,1.55);box-shadow:0 6px 20px #00a0d666;position:relative;z-index:10}
.btnPrimary:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 32px #00a0d699;background:linear-gradient(135deg,#00b8f0,#0088c0)}
.btnSecondary{display:inline-block;padding:18px 50px;background:transparent;color:#00A0D6;text-decoration:none;font-size:17px;font-weight:600;border-radius:8px;border:2px solid #00A0D6;transition:all .3s ease;position:relative;z-index:10}
.btnSecondary:hover{background:#00a0d626;border-color:#00b8f0;color:#00b8f0;transform:translateY(-2px)}
@media (max-width: 1024px) {
.titleInner{flex-direction:column;gap:40px}
.titleVisual{flex:0 0 auto;width:100%;max-width:500px}
.titleTxt h1{font-size:38px}
.methodGrid{grid-template-columns:repeat(2,1fr);gap:24px}
.deliveryHolder{grid-template-columns:1fr;gap:50px}
.stepsHolder{flex-wrap:wrap;gap:40px}
.stepsHolder::before{display:none}
.stepBox{flex:0 0 45%}
.testimonialBox{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.titleBlock{padding:60px 20px}
.titleTxt h1{font-size:32px}
.titleTxt .subline{font-size:17px}
.approachSec{padding:70px 20px}
.approachHead h2{font-size:32px}
.methodGrid{grid-template-columns:1fr}
.deliveryImg img{height:350px}
.deliveryContent h2{font-size:30px}
.pathHd h2{font-size:32px}
.stepBox{flex:0 0 100%}
.testimLeft img{height:400px}
.testimRight h2{font-size:28px}
.ctaInner h2{font-size:32px}
.ctaBtns{flex-direction:column;align-items:stretch}
.btnPrimary,.btnSecondary{width:100%;text-align:center}
}
.successWrap{max-width:1280px;margin:0 auto;padding:0 20px}
.heroConfirm{background:linear-gradient(135deg,#00a0d60d 0%,#c72f4114 100%);padding:80px 20px;position:relative;overflow:hidden}
.heroConfirm::before{content:'';position:absolute;top:0;left:-20%;width:140%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 40px,#00a0d608 40px,#00a0d608 80px);z-index:1}
.heroConfirm .successWrap{position:relative;z-index:2}
.confirmGrid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:center}
.confirmIconSide{display:flex;flex-direction:column;gap:30px}
.iconChip{background:#00a0d61a;padding:20px;border-radius:8px;border:2px solid #00a0d633;animation:floatPulse 3s ease-in-out infinite;transition:all .4s cubic-bezier(0.68,-0.55,0.265,1.55)}
.iconChip:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 24px #00a0d626;background:#00a0d626}
@keyframes floatPulse {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
.iconChip:nth-child(2){animation-delay:1s}
.iconChip svg{width:48px;height:48px;display:block}
.confirmIconSide:last-child .iconChip{animation-delay:2s}
.mainConfirmBox{text-align:center;background:#ffffffd9;padding:60px 40px;border-radius:10px;box-shadow:0 8px 32px #0000001a;border:1px solid #e1f3e399}
.checkCircle{width:90px;height:90px;margin:0 auto 30px;background:linear-gradient(135deg,#00A0D6 0%,#0088B8 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scaleIn .6s cubic-bezier(0.68,-0.55,0.265,1.55);box-shadow:0 6px 20px #00a0d64d}
@keyframes scaleIn {
0%{transform:scale(0) rotate(-180deg);opacity:0}
100%{transform:scale(1) rotate(0);opacity:1}
}
.checkCircle svg{width:50px;height:50px}
.mainConfirmBox h1{font-size:42px;color:#1a1a1a;margin:0 0 20px;font-weight:700;line-height:1.2}
.mainConfirmBox h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#00A0D6,#C72F41);margin:20px auto 0;border-radius:2px}
.confirmTxt{font-size:18px;color:#2c2c2c;line-height:1.6;margin:0 0 30px}
.confirmDetail{background:#e1f3e380;padding:25px;border-radius:8px;margin:30px 0 0;border-left:4px solid #00A0D6}
.confirmDetail p{margin:0;font-size:16px;color:#333;line-height:1.7}
.confirmDetail strong{color:#C72F41;font-weight:600}
.nextSteps{background:#1a1a1a;padding:100px 20px;position:relative;overflow:hidden}
.nextSteps::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#00a0d61a 0%,transparent 70%);border-radius:50%}
.nextSteps::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#c72f4114 0%,transparent 70%);border-radius:50%}
.nextSteps .successWrap{position:relative;z-index:2}
.stepsHeader{text-align:center;margin:0 0 70px}
.stepsHeader h2{font-size:38px;color:#fff;margin:0 0 15px;font-weight:700;position:relative;display:inline-block}
.stepsHeader h2::before{content:'';position:absolute;left:-60px;top:50%;width:40px;height:2px;background:linear-gradient(90deg,transparent,#00A0D6)}
.stepsHeader h2::after{content:'';position:absolute;right:-60px;top:50%;width:40px;height:2px;background:linear-gradient(90deg,#00A0D6,transparent)}
.stepsHeader p{font-size:17px;color:#ccc;margin:0;line-height:1.6}
.stepsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.stepCard{background:#ffffff08;padding:40px 30px;border-radius:10px;border:1px solid #00a0d633;position:relative;transition:all .4s cubic-bezier(0.68,-0.55,0.265,1.55)}
.stepCard:hover{transform:translateY(-8px);background:#ffffff0d;border-color:#00A0D6;box-shadow:0 15px 35px #00a0d633}
.stepCard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00A0D6,#C72F41);border-radius:10px 10px 0 0;opacity:0;transition:opacity .3s ease}
.stepCard:hover::before{opacity:1}
.stepNum{width:50px;height:50px;background:linear-gradient(135deg,#00A0D6,#0088B8);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;margin:0 0 25px;box-shadow:0 4px 15px #00a0d64d}
.stepCard h3{font-size:22px;color:#fff;margin:0 0 15px;font-weight:600;line-height:1.3}
.stepCard p{font-size:15px;color:#b3b3b3;margin:0 0 20px;line-height:1.7}
.stepAction{display:inline-flex;align-items:center;gap:8px;color:#00A0D6;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s ease;position:relative}
.stepAction::after{content:'→';transition:transform .3s cubic-bezier(0.68,-0.55,0.265,1.55)}
.stepAction:hover{color:#C72F41;gap:12px}
.stepAction:hover::after{transform:translateX(5px)}
.ctaBar{text-align:center;margin:80px 0 0;padding:50px 40px;background:#00a0d614;border-radius:10px;border:1px solid #00a0d633}
.ctaBar h3{font-size:26px;color:#fff;margin:0 0 20px;font-weight:600}
.ctaBar p{font-size:16px;color:#ccc;margin:0 0 30px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}
.btnMain{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#00A0D6,#0088B8);color:#fff;font-size:16px;font-weight:600;text-decoration:none;border-radius:8px;transition:all .4s cubic-bezier(0.68,-0.55,0.265,1.55);box-shadow:0 6px 20px #00a0d64d;position:relative;z-index:5;border:none}
.btnMain:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 30px #00a0d666;background:linear-gradient(135deg,#0088B8,#00A0D6)}
@media (max-width: 1024px) {
.confirmGrid{grid-template-columns:1fr;gap:30px}
.confirmIconSide{flex-direction:row;justify-content:center}
.stepsGrid{grid-template-columns:repeat(2,1fr);gap:30px}
.mainConfirmBox h1{font-size:36px}
}
@media (max-width: 768px) {
.heroConfirm{padding:60px 20px}
.mainConfirmBox{padding:40px 25px}
.mainConfirmBox h1{font-size:30px}
.confirmTxt{font-size:16px}
.stepsGrid{grid-template-columns:1fr;gap:25px}
.nextSteps{padding:70px 20px}
.stepsHeader h2{font-size:30px}
.stepsHeader h2::before,.stepsHeader h2::after{display:none}
.iconChip{padding:15px}
.iconChip svg{width:36px;height:36px}
.ctaBar{padding:40px 25px}
.ctaBar h3{font-size:22px}
}
@media (max-width: 480px) {
.confirmIconSide{flex-direction:column}
.checkCircle{width:70px;height:70px}
.checkCircle svg{width:40px;height:40px}
.mainConfirmBox h1{font-size:26px}
.stepCard{padding:30px 20px}
}