@import "https://cdn.jsdelivr.net/npm/@fontsource/red-hat-display@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/red-hat-display@latest/400-italic.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/red-hat-display@latest/700.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/red-hat-display@latest/700-italic.css";
*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;height:100%;font-family:'Red Hat Display',sans-serif;background:#0a0e1a;color:#e8eaf0}
body{display:flex;flex-direction:column;min-height:100vh}
main{flex:1}
.hd-wrap{background:linear-gradient(180deg,#0f1420 0%,#1a1f2e 100%);border-bottom:1px solid #2a3144}
.top-zone{background:linear-gradient(90deg,#0779d114 0%,#9e152714 100%);padding:12px 0;border-bottom:1px solid #0779d126}
.top-zone .ctr-box{max-width:1320px;margin:0 auto;padding:0 20px}
.brand-name{font-size:26px;font-weight:700;text-align:center;background:linear-gradient(135deg,#0779D1 0%,#9E1527 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1.2px}
.mid-layer{padding:24px 0}
.mid-layer .ctr-box{max-width:1320px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.contact-left,.contact-right{display:flex;flex-direction:column;gap:10px}
.cnt-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#b8bcc8}
.icon-label{font-size:16px}
.logo-container{flex-shrink:0}
.logo-link{display:block}
.brand-logo{height:110px;width:110px;display:block;background:#0779d10d;padding:12px;border-radius:8px;box-shadow:0 4px 16px #0779d11f}
.nav-layer{background:linear-gradient(90deg,#0779d10d 0%,#9e15270d 100%);border-top:1px solid #eceef214;padding:0}
.nav-layer .ctr-box{max-width:1320px;margin:0 auto;padding:0 20px}
.main-navi{display:flex;gap:4px;justify-content:center}
.nav-link{padding:16px 32px;color:#c8ccd8;text-decoration:none;font-size:15px;font-weight:400;transition:all .25s ease;border-bottom:2px solid transparent}
.nav-link:hover{color:#0779D1;background:#0779d114}
.nav-link.is-active{color:#0779D1;border-bottom-color:#0779D1}
.ft-wrapper{background:linear-gradient(180deg,#1a1f2e 0%,#0f1420 100%);padding:50px 0 0;border-top:1px solid #2a3144}
.footer-content{max-width:1320px;margin:0 auto;padding:0 20px 40px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}
.ft-section{display:flex;flex-direction:column;gap:18px}
.ft-heading{font-size:24px;font-weight:700;background:linear-gradient(135deg,#0779D1 0%,#9E1527 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}
.ft-title{font-size:18px;font-weight:700;color:#ECEEF2;margin-bottom:4px}
.ft-desc{font-size:14px;line-height:1.7;color:#a8adb8}
.footer-nav{display:flex;flex-direction:column;gap:10px}
.ft-link{color:#b8bcc8;text-decoration:none;font-size:14px;transition:all .2s ease;width:fit-content}
.ft-link:hover{color:#0779D1;transform:translateX(3px)}
.contact-details{display:flex;flex-direction:column;gap:10px}
.detail-line{font-size:14px;color:#b8bcc8;line-height:1.6}
.copyright-bar{background:linear-gradient(90deg,#0779d11a 0%,#9e15271a 100%);padding:20px;border-top:1px solid #eceef20f}
.copy-text{max-width:1320px;margin:0 auto;text-align:center;font-size:13px;color:#888d98}
.cookie-popup{position:fixed;bottom:20px;left:20px;width:420px;background:linear-gradient(135deg,#1a1f2e 0%,#0f1420 100%);padding:24px;border-radius:10px;box-shadow:0 12px 32px #00000080;border:1px solid #0779d133;transform:translateX(-500px);opacity:0;transition:all .4s cubic-bezier(0.68,-0.55,0.27,1.55);z-index:9999}
.cookie-popup.is-visible{transform:translateX(0);opacity:1}
.cookie-popup.is-hidden{transform:translateX(-500px);opacity:0}
.cookie-content{display:flex;flex-direction:column;gap:18px}
.cookie-msg{font-size:14px;line-height:1.6;color:#c8ccd8}
.cookie-actions{display:flex;gap:14px;align-items:center}
.btn-accept{background:linear-gradient(135deg,#0779D1 0%,#9E1527 100%);color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #0779d140}
.btn-accept:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0779d159}
.policy-link{color:#0779D1;text-decoration:none;font-size:13px;transition:color .2s ease}
.policy-link:hover{color:#9E1527}
@media (max-width: 1024px) {
.mid-layer .ctr-box{flex-direction:column;text-align:center}
.contact-left,.contact-right{align-items:center}
.footer-content{grid-template-columns:1fr;gap:35px}
.cookie-popup{width:calc(100% - 40px);left:20px;right:20px}
}
@media (max-width: 768px) {
.brand-name{font-size:22px}
.brand-logo{height:85px;width:85px}
.contact-left,.contact-right{display:none}
.main-navi{flex-direction:column;gap:0}
.nav-link{padding:14px 20px;text-align:center;border-bottom:1px solid #eceef20d}
.cookie-popup{bottom:10px;left:10px;right:10px;width:auto}
}
@media (max-width: 480px) {
.brand-name{font-size:20px}
.brand-logo{height:70px;width:70px}
.ft-wrapper{padding:35px 0 0}
.footer-content{padding:0 15px 30px}
.cookie-actions{flex-direction:column;align-items:stretch}
.btn-accept{width:100%}
}
.terms-wrapper-kg{max-width:1320px;margin:0 auto;padding:80px 20px;background:#0a0a0f;color:#e8eaed;line-height:1.8}
.terms-wrapper-kg h1{font-size:2.8rem;font-weight:700;color:#fff;margin:0 0 48px;padding-bottom:24px;border-bottom:3px solid #0779D1;letter-spacing:-.5px}
.terms-wrapper-kg h2{font-size:2.2rem;font-weight:600;color:#fff;margin:56px 0 28px;padding-left:16px;border-left:4px solid #9E1527;letter-spacing:-.3px}
.terms-wrapper-kg h3{font-size:1.8rem;font-weight:600;color:#f5f5f7;margin:44px 0 24px;letter-spacing:-.2px}
.terms-wrapper-kg h4{font-size:1.5rem;font-weight:600;color:#e8eaed;margin:36px 0 20px}
.terms-wrapper-kg h5{font-size:1.3rem;font-weight:600;color:#d4d6d9;margin:32px 0 18px}
.terms-wrapper-kg h6{font-size:1.1rem;font-weight:600;color:#c4c6c9;margin:28px 0 16px;text-transform:uppercase;letter-spacing:1px}
.terms-wrapper-kg p{font-size:1.05rem;line-height:1.85;color:#d1d3d6;margin:0 0 24px;text-align:justify}
.terms-wrapper-kg ul{list-style:none;padding:0;margin:0 0 32px}
.terms-wrapper-kg ul li{font-size:1.05rem;line-height:1.8;color:#d1d3d6;margin:0 0 16px;padding-left:32px;position:relative}
.terms-wrapper-kg ul li::before{content:"";position:absolute;left:8px;top:12px;width:8px;height:8px;background:linear-gradient(135deg,#0779D1 0%,#9E1527 100%);border-radius:50%;box-shadow:0 2px 8px #0779d166}
.terms-wrapper-kg ol{list-style:none;counter-reset:policy-counter;padding:0;margin:0 0 32px}
.terms-wrapper-kg ol li{font-size:1.05rem;line-height:1.8;color:#d1d3d6;margin:0 0 16px;padding-left:40px;position:relative;counter-increment:policy-counter}
.terms-wrapper-kg ol li::before{content:counter(policy-counter) ".";position:absolute;left:8px;top:0;font-weight:700;color:#0779D1;font-size:1.1rem}
.terms-wrapper-kg ul ul{margin:16px 0}
.terms-wrapper-kg ul ul li::before{width:6px;height:6px;background:#ECEEF2;box-shadow:none}
.terms-wrapper-kg ol ol{margin:16px 0}
.terms-wrapper-kg ol ol li::before{content:counter(policy-counter, lower-alpha) ")";color:#9E1527}
.terms-wrapper-kg strong,.terms-wrapper-kg b{font-weight:700;color:#fff}
.terms-wrapper-kg em,.terms-wrapper-kg i{font-style:italic;color:#e8eaed}
.terms-wrapper-kg hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#0779D1 20%,#9E1527 80%,transparent 100%);margin:56px 0;opacity:.6}
.terms-wrapper-kg div{margin:0 0 24px}
@media (max-width: 1024px) {
.terms-wrapper-kg{padding:60px 24px}
.terms-wrapper-kg h1{font-size:2.4rem;margin-bottom:36px}
.terms-wrapper-kg h2{font-size:2rem;margin:48px 0 24px}
.terms-wrapper-kg h3{font-size:1.6rem;margin:36px 0 20px}
}
@media (max-width: 768px) {
.terms-wrapper-kg{padding:40px 20px}
.terms-wrapper-kg h1{font-size:2rem;margin-bottom:32px;padding-bottom:20px}
.terms-wrapper-kg h2{font-size:1.7rem;margin:40px 0 20px;padding-left:12px;border-left-width:3px}
.terms-wrapper-kg h3{font-size:1.4rem;margin:32px 0 18px}
.terms-wrapper-kg h4{font-size:1.25rem;margin:28px 0 16px}
.terms-wrapper-kg h5{font-size:1.15rem;margin:24px 0 14px}
.terms-wrapper-kg h6{font-size:1rem;margin:24px 0 14px}
.terms-wrapper-kg p{font-size:1rem;margin-bottom:20px;text-align:left}
.terms-wrapper-kg ul li,.terms-wrapper-kg ol li{font-size:1rem;margin-bottom:14px;padding-left:28px}
.terms-wrapper-kg ul li::before{width:6px;height:6px;top:10px;left:6px}
.terms-wrapper-kg ol li{padding-left:32px}
.terms-wrapper-kg ol li::before{font-size:1rem}
.terms-wrapper-kg hr{margin:40px 0}
}
@media (max-width: 480px) {
.terms-wrapper-kg{padding:32px 16px}
.terms-wrapper-kg h1{font-size:1.75rem;margin-bottom:28px;padding-bottom:16px;border-bottom-width:2px}
.terms-wrapper-kg h2{font-size:1.5rem;margin:36px 0 18px;padding-left:10px}
.terms-wrapper-kg h3{font-size:1.3rem;margin:28px 0 16px}
.terms-wrapper-kg p{font-size:.95rem;line-height:1.75}
.terms-wrapper-kg ul li,.terms-wrapper-kg ol li{font-size:.95rem;padding-left:24px}
.terms-wrapper-kg hr{margin:32px 0}
}
.hero-wrap3{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(236deg,#0a0a0f 0%,#1a1a24 100%)}
.hero-wrap3::before{content:'';position:absolute;top:0;right:0;width:58%;height:100%;background:url(./visual_directory/10-03-top-c.jpg) center/cover no-repeat;filter:sepia(0.15) brightness(0.92);opacity:.88;z-index:1}
.hero-wrap3::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 50%,#0779d114,transparent 65%),radial-gradient(circle at 75% 30%,#9e15270f,transparent 50%);z-index:2}
.hero-inner3{position:relative;z-index:3;max-width:1320px;margin:0 auto;padding:60px 20px;width:100%}
.hero-content3{max-width:580px;background:#0a0a0fbf;padding:48px 42px;border-left:3px solid #0779D1;backdrop-filter:blur(8px)}
.hero-content3 h1{font-size:46px;line-height:1.15;color:#f8f9fa;margin:0 0 18px;font-weight:700;letter-spacing:-.5px}
.hero-content3 .sub7{font-size:18px;line-height:1.6;color:#c5c7d0;margin:0 0 32px}
.hero-btn8{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#0779D1 0%,#055a9e 100%);color:#fff;text-decoration:none;border-radius:6px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 14px #0779d140}
.hero-btn8:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0779d159;background:linear-gradient(135deg,#0889e8 0%,#0668b5 100%)}
.story-sect{padding:85px 20px;background:#0d0d14;position:relative}
.story-sect::before{content:'';position:absolute;top:0;right:15%;width:280px;height:280px;background:radial-gradient(circle,#0779d114,transparent 70%);border-radius:50%;pointer-events:none}
.story-container{max-width:1320px;margin:0 auto}
.story-grid2{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}
.story-txt4 h2{font-size:38px;line-height:1.25;color:#f1f2f5;margin:0 0 24px;font-weight:700;position:relative;display:inline-block}
.story-txt4 h2::after{content:'';position:absolute;bottom:-8px;left:0;width:64px;height:3px;background:linear-gradient(90deg,#0779D1,#9E1527)}
.story-txt4 p{font-size:17px;line-height:1.75;color:#b8bac4;margin:0 0 20px}
.story-img-wrap{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 12px 32px #0006}
.story-img-wrap img{width:100%;height:420px;object-fit:cover;display:block;filter:brightness(0.88) contrast(1.05)}
.team-block7{padding:90px 20px;background:linear-gradient(180deg,#0a0a0f 0%,#13131d 100%);position:relative;overflow:hidden}
.team-block7::before{content:'';position:absolute;bottom:-120px;left:-60px;width:340px;height:340px;background:radial-gradient(circle,#9e152717,transparent 65%);border-radius:50%}
.team-wrapper9{max-width:1320px;margin:0 auto}
.team-title3{text-align:center;margin-bottom:58px}
.team-title3 h2{font-size:40px;line-height:1.2;color:#f3f4f7;margin:0 0 16px;font-weight:700}
.team-title3 .desc5{font-size:18px;line-height:1.65;color:#a9abb8;max-width:620px;margin:0 auto}
.team-cards5{display:flex;gap:36px;justify-content:center;flex-wrap:wrap}
.person-card6{background:#14141e99;border-radius:10px;overflow:hidden;width:320px;border:1px solid #ffffff14;transition:all .35s ease;position:relative}
.person-card6:hover{transform:translateY(-6px);box-shadow:0 14px 38px #00000080;border-color:#0779d14d}
.person-card6 .img-area9{width:100%;height:280px;overflow:hidden;position:relative}
.person-card6 .img-area9::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,#0a0a0fb3 100%);z-index:1}
.person-card6 .img-area9 img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(0.15) brightness(0.95)}
.person-card6 .info-area4{padding:28px 24px}
.person-card6 .info-area4 h3{font-size:22px;line-height:1.3;color:#f5f6f8;margin:0 0 8px;font-weight:600}
.person-card6 .info-area4 .role3{font-size:15px;line-height:1.5;color:#0779D1;margin:0 0 14px;font-weight:500}
.person-card6 .info-area4 .bio2{font-size:15px;line-height:1.6;color:#9fa1ad;margin:0}
.values-sect8{padding:88px 20px;background:#0f0f18;position:relative}
.values-container8{max-width:1320px;margin:0 auto}
.values-head6{text-align:center;margin-bottom:54px}
.values-head6 h2{font-size:39px;line-height:1.22;color:#f2f3f6;margin:0 0 18px;font-weight:700}
.values-head6 p{font-size:17px;line-height:1.7;color:#a6a8b5;max-width:640px;margin:0 auto}
.values-grid7{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.value-item9{background:linear-gradient(145deg,#14141e80,#0f0f16b3);padding:36px 28px;border-radius:8px;border:1px solid #ffffff0f;transition:all .3s ease;position:relative}
.value-item9::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#0779D1,#9E1527);transition:height .3s ease}
.value-item9:hover::before{height:100%}
.value-item9:hover{transform:translateY(-4px);border-color:#0779d133;box-shadow:0 10px 28px #00000059}
.value-item9 .icon-box7{width:54px;height:54px;background:#0779d11f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.value-item9 .icon-box7 i{font-size:26px;color:#0779D1}
.value-item9 h3{font-size:21px;line-height:1.3;color:#f4f5f7;margin:0 0 12px;font-weight:600}
.value-item9 p{font-size:16px;line-height:1.65;color:#9ea0ac;margin:0}
.cta-zone4{padding:76px 20px;background:linear-gradient(135deg,#0d0d14 0%,#1a1a26 100%);position:relative;overflow:hidden}
.cta-zone4::before{content:'';position:absolute;top:-100px;right:-100px;width:350px;height:350px;background:radial-gradient(circle,#0779d11a,transparent 60%);border-radius:50%}
.cta-zone4::after{content:'';position:absolute;bottom:-80px;left:-80px;width:280px;height:280px;background:radial-gradient(circle,#9e152714,transparent 65%);border-radius:50%}
.cta-inner4{max-width:1320px;margin:0 auto;text-align:center;position:relative;z-index:1}
.cta-inner4 h2{font-size:36px;line-height:1.28;color:#f5f6f8;margin:0 0 20px;font-weight:700}
.cta-inner4 .msg8{font-size:18px;line-height:1.65;color:#b2b4c0;margin:0 0 36px;max-width:680px;margin-left:auto;margin-right:auto}
.cta-btn9{display:inline-block;padding:16px 44px;background:linear-gradient(135deg,#9E1527 0%,#7a1020 100%);color:#fff;text-decoration:none;border-radius:7px;font-size:17px;font-weight:600;transition:all .3s ease;box-shadow:0 5px 18px #9e15274d}
.cta-btn9:hover{transform:translateY(-3px);box-shadow:0 8px 26px #9e152766;background:linear-gradient(135deg,#b31829 0%,#8f1424 100%)}
@media (max-width: 768px) {
.hero-wrap3{min-height:420px}
.hero-wrap3::before{width:100%;opacity:.3}
.hero-content3{padding:32px 24px}
.hero-content3 h1{font-size:32px}
.hero-content3 .sub7{font-size:16px}
.story-grid2{grid-template-columns:1fr;gap:38px}
.story-txt4 h2{font-size:30px}
.story-img-wrap img{height:320px}
.team-title3 h2{font-size:32px}
.team-cards5{flex-direction:column;align-items:center}
.values-head6 h2{font-size:31px}
.values-grid7{grid-template-columns:1fr;gap:24px}
.cta-inner4 h2{font-size:28px}
.cta-inner4 .msg8{font-size:16px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.hero-content3 h1{font-size:38px}
.story-grid2{gap:42px}
.story-txt4 h2{font-size:34px}
.values-grid7{grid-template-columns:repeat(2,1fr)}
}
.job-hero{background:linear-gradient(143deg,#0a0e1a 0%,#1a1535 48%,#0f1419 100%);padding:92px 24px 68px;position:relative;overflow:hidden}
.job-hero::before{content:'';position:absolute;top:18%;right:12%;width:340px;height:340px;background:radial-gradient(circle,#0779d126 0%,transparent 68%);border-radius:50%;filter:blur(48px)}
.job-hero::after{content:'';position:absolute;bottom:22%;left:8%;width:280px;height:280px;background:radial-gradient(circle,#9e15271f 0%,transparent 72%);border-radius:50%;filter:blur(56px)}
.job-hero .hero-wrap{max-width:1320px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 420px;gap:64px;align-items:center}
.job-hero .hero-txt h1{font-size:52px;font-weight:700;color:#fff;margin:0 0 18px;line-height:1.18;letter-spacing:-.6px}
.job-hero .hero-txt .sub-line{font-size:22px;color:#b8c1d9;margin:0 0 32px;line-height:1.52}
.job-hero .hero-txt .deco-dots{display:flex;gap:9px;margin-bottom:28px}
.job-hero .hero-txt .deco-dots span{width:8px;height:8px;background:linear-gradient(135deg,#0779D1 0%,#9E1527 100%);border-radius:50%;display:block;opacity:.7;transform:translateY(0);transition:all .3s ease}
.job-hero .hero-txt .deco-dots span:nth-child(2){opacity:.5}
.job-hero .hero-txt .deco-dots span:nth-child(3){opacity:.3}
.job-hero:hover .hero-txt .deco-dots span{opacity:1}
.job-hero .hero-img-box{position:relative}
.job-hero .hero-img-box img{width:100%;height:460px;object-fit:cover;border-radius:12px;filter:blur(1.2px);opacity:.85;transition:all .4s ease}
.job-hero .hero-img-box:hover img{filter:blur(0);opacity:1;transform:scale(1.02)}
.positions-grid{background:#0d1117;padding:88px 24px;position:relative}
.positions-grid::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#0779D1 50%,transparent 100%);opacity:.3}
.positions-grid .container-pos{max-width:1320px;margin:0 auto}
.positions-grid .section-head{text-align:center;margin-bottom:64px}
.positions-grid .section-head h2{font-size:44px;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:-.4px}
.positions-grid .section-head .desc-line{font-size:19px;color:#8b95ab;max-width:720px;margin:0 auto;line-height:1.58}
.positions-grid .cards-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.positions-grid .job-card{background:linear-gradient(168deg,#151b26 0%,#0f1419 100%);border:1px solid #0779d12e;border-radius:10px;padding:36px 28px;transition:all .35s ease;position:relative;overflow:hidden}
.positions-grid .job-card::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#0779d114 0%,transparent 60%);opacity:0;transition:opacity .4s ease}
.positions-grid .job-card:hover{transform:translateY(-6px);border-color:#0779D1;box-shadow:0 16px 36px #0779d138}
.positions-grid .job-card:hover::before{opacity:1}
.positions-grid .job-card .card-icon{width:54px;height:54px;background:linear-gradient(135deg,#0779d126 0%,#9e15271f 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;position:relative;z-index:1}
.positions-grid .job-card .card-icon svg{width:28px;height:28px;fill:#0779D1}
.positions-grid .job-card h3{font-size:26px;font-weight:700;color:#fff;margin:0 0 14px;position:relative;z-index:1}
.positions-grid .job-card .job-type{display:inline-block;padding:5px 14px;background:#0779d11f;color:#0779D1;font-size:13px;font-weight:600;border-radius:6px;margin-bottom:18px;position:relative;z-index:1}
.positions-grid .job-card .job-desc{font-size:16px;color:#a3acc2;line-height:1.62;margin-bottom:24px;position:relative;z-index:1}
.positions-grid .job-card .job-meta{display:flex;flex-direction:column;gap:10px;margin-bottom:26px;position:relative;z-index:1}
.positions-grid .job-card .meta-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#8b95ab}
.positions-grid .job-card .meta-item svg{width:18px;height:18px;fill:#0779D1;flex-shrink:0}
.positions-grid .job-card .apply-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;background:linear-gradient(135deg,#0779D1 0%,#055a9e 100%);color:#fff;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;transition:all .3s ease;position:relative;z-index:1}
.positions-grid .job-card .apply-btn:hover{background:linear-gradient(135deg,#0990f0 0%,#0779D1 100%);transform:translateX(4px);box-shadow:0 8px 20px #0779d159}
.team-showcase{background:linear-gradient(235deg,#1a1535 0%,#0f1419 52%,#0d1117 100%);padding:96px 24px;position:relative}
.team-showcase::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,#9e152714 0%,transparent 70%);border-radius:50%;filter:blur(64px);pointer-events:none}
.team-showcase .container-team{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.team-showcase .intro-section{max-width:880px;margin:0 0 72px}
.team-showcase .intro-section h2{font-size:48px;font-weight:700;color:#fff;margin:0 0 24px;letter-spacing:-.5px;line-height:1.22}
.team-showcase .intro-section .intro-txt{font-size:18px;color:#a3acc2;line-height:1.68;margin-bottom:20px}
.team-showcase .team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 36px;margin-bottom:64px}
.team-showcase .member-card{display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s ease}
.team-showcase .member-card:hover{transform:translateY(-8px)}
.team-showcase .member-card .img-wrapper{width:180px;height:180px;border-radius:50%;overflow:hidden;margin-bottom:22px;border:3px solid transparent;background:linear-gradient(135deg,#0779D1 0%,#9E1527 100%);padding:3px;transition:all .4s ease;position:relative}
.team-showcase .member-card:hover .img-wrapper{border-color:#0779D1;box-shadow:0 12px 32px #0779d14d}
.team-showcase .member-card .img-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.team-showcase .member-card h4{font-size:22px;font-weight:700;color:#fff;margin:0 0 8px}
.team-showcase .member-card .role{font-size:15px;color:#0779D1;font-weight:600;margin-bottom:12px}
.team-showcase .member-card .bio{font-size:15px;color:#8b95ab;line-height:1.58}
.team-showcase .cta-box{background:linear-gradient(142deg,#0779d114 0%,#9e15270f 100%);border:1px solid #0779d138;border-radius:12px;padding:48px 56px;text-align:center;max-width:920px;margin:0 auto}
.team-showcase .cta-box h3{font-size:34px;font-weight:700;color:#fff;margin:0 0 18px}
.team-showcase .cta-box .cta-desc{font-size:17px;color:#a3acc2;margin-bottom:32px;line-height:1.62}
.team-showcase .cta-box .cta-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 38px;background:linear-gradient(135deg,#0779D1 0%,#055a9e 100%);color:#fff;text-decoration:none;border-radius:10px;font-size:18px;font-weight:700;transition:all .35s ease;box-shadow:0 8px 24px #0779d140}
.team-showcase .cta-box .cta-btn:hover{background:linear-gradient(135deg,#0990f0 0%,#0779D1 100%);transform:translateY(-3px);box-shadow:0 14px 36px #0779d166}
@media (max-width: 1024px) {
.job-hero .hero-wrap{grid-template-columns:1fr;gap:48px}
.job-hero .hero-img-box{max-width:520px;margin:0 auto}
.positions-grid .cards-wrapper{grid-template-columns:repeat(2,1fr);gap:28px}
.team-showcase .team-grid{grid-template-columns:repeat(2,1fr);gap:42px 28px}
}
@media (max-width: 768px) {
.job-hero{padding:64px 20px 48px}
.job-hero .hero-txt h1{font-size:38px}
.job-hero .hero-txt .sub-line{font-size:18px}
.job-hero .hero-img-box img{height:340px}
.positions-grid{padding:64px 20px}
.positions-grid .section-head h2{font-size:34px}
.positions-grid .cards-wrapper{grid-template-columns:1fr;gap:24px}
.team-showcase{padding:72px 20px}
.team-showcase .intro-section h2{font-size:36px}
.team-showcase .team-grid{grid-template-columns:1fr;gap:36px}
.team-showcase .cta-box{padding:36px 28px}
.team-showcase .cta-box h3{font-size:28px}
}
@media (max-width: 480px) {
.job-hero .hero-txt h1{font-size:32px}
.job-hero .hero-txt .sub-line{font-size:16px}
.positions-grid .section-head h2{font-size:28px}
.positions-grid .job-card{padding:28px 22px}
.team-showcase .intro-section h2{font-size:30px}
.team-showcase .cta-box h3{font-size:24px}
}
.hd-wrp{min-height:620px;background:linear-gradient(128deg,#0a0e1a 0%,#1a1d2e 35%,#0d1119 100%);position:relative;overflow:hidden;display:flex;align-items:center;padding:80px 20px}
.hd-wrp::before{content:'';position:absolute;top:-50%;left:-20%;width:140%;height:200%;background:linear-gradient(236deg,#0779d126 0%,#9e15271f 50%,#eceef214 100%);animation:slowDrift 25s ease-in-out infinite;pointer-events:none}
@keyframes slowDrift {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(8%,-5%) rotate(3deg)}
}
.hd-wrp .containr{max-width:1320px;margin:0 auto;width:100%;position:relative;z-index:2}
.hd-wrp .flexo-row{display:flex;gap:60px;align-items:center;flex-direction:row}
.hd-wrp .txt-side{flex:1;color:#e8eaf0}
.hd-wrp .qst{font-size:18px;color:#9ca3af;margin-bottom:16px;font-weight:400;letter-spacing:.3px}
.hd-wrp .mainTtl{font-size:52px;line-height:1.15;margin-bottom:24px;font-weight:700;color:#fff}
.hd-wrp .mainTtl .accent2{background:linear-gradient(135deg,#0779D1 0%,#9E1527 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hd-wrp .desc-p{font-size:19px;line-height:1.6;color:#c5c9d4;margin-bottom:36px}
.hd-wrp .btn-cta{display:inline-block;padding:18px 42px;background:linear-gradient(135deg,#0779D1 0%,#065a9e 100%);color:#fff;text-decoration:none;border-radius:8px;font-size:17px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px #0779d14d;position:relative;z-index:10}
.hd-wrp .btn-cta:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0779d173;background:linear-gradient(135deg,#0889e8 0%,#0779D1 100%)}
.hd-wrp .imgSide{flex:0 0 420px;position:relative}
.hd-wrp .imgSide img{width:100%;height:460px;object-fit:cover;border-radius:12px;box-shadow:0 12px 48px #00000080}
.practice-sect{padding:100px 20px;background:#0d0f17;position:relative}
.practice-sect::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#0779d14d 50%,transparent 100%)}
.practice-sect .ctr-box{max-width:1320px;margin:0 auto}
.practice-sect .sec-hed{text-align:center;margin-bottom:64px}
.practice-sect .sec-hed h2{font-size:42px;color:#fff;margin-bottom:18px;font-weight:700}
.practice-sect .sec-hed h2::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#0779D1 0%,#9E1527 100%);margin:0 auto 24px;border-radius:2px}
.practice-sect .sec-hed .sub-txt{font-size:18px;color:#9ca3af;max-width:680px;margin:0 auto;line-height:1.7}
.practice-sect .prj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.practice-sect .prj-card{background:linear-gradient(145deg,#151821 0%,#1a1d2e 100%);padding:36px;border-radius:10px;border:1px solid #0779d126;transition:all .35s ease;position:relative;overflow:hidden}
.practice-sect .prj-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,#0779d114 50%,transparent 100%);transition:left .6s ease}
.practice-sect .prj-card:hover::before{left:100%}
.practice-sect .prj-card:hover{transform:translateY(-6px);box-shadow:0 12px 36px #0779d133;border-color:#0779d166}
.practice-sect .prj-card .ico-wrapper{width:64px;height:64px;background:linear-gradient(135deg,#0779d133 0%,#9e152733 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative;z-index:2}
.practice-sect .prj-card .ico-wrapper i{font-size:28px;color:#0779D1}
.practice-sect .prj-card h3{font-size:22px;color:#fff;margin-bottom:16px;font-weight:600;position:relative;z-index:2}
.practice-sect .prj-card p{font-size:16px;line-height:1.65;color:#b4b8c5;margin-bottom:0;position:relative;z-index:2}
.src-expertise{padding:100px 20px;background:linear-gradient(165deg,#0a0d15 0%,#13161f 50%,#0e1119 100%);position:relative}
.src-expertise .containr2{max-width:1320px;margin:0 auto}
.src-expertise .flex-split{display:flex;gap:80px;align-items:center}
.src-expertise .img-zone{flex:0 0 48%}
.src-expertise .img-zone img{width:100%;height:520px;object-fit:cover;border-radius:10px;box-shadow:0 16px 48px #0009}
.src-expertise .txt-zone{flex:1}
.src-expertise .txt-zone h2{font-size:44px;color:#fff;margin-bottom:28px;font-weight:700;line-height:1.2}
.src-expertise .txt-zone h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#9E1527 0%,#0779D1 100%);margin-top:20px;border-radius:2px}
.src-expertise .list-feats{list-style:none;padding:0;margin:0}
.src-expertise .list-feats li{font-size:17px;color:#c5c9d4;padding:18px 0;padding-left:48px;position:relative;line-height:1.6;border-bottom:1px solid #ffffff0d}
.src-expertise .list-feats li:last-child{border-bottom:none}
.src-expertise .list-feats li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:32px;height:32px;background:linear-gradient(135deg,#0779D1 0%,#9E1527 100%);border-radius:50%;opacity:.85}
.src-expertise .list-feats li::after{content:'✓';position:absolute;left:9px;top:50%;transform:translateY(-50%);color:#fff;font-size:16px;font-weight:700}
.platform-acc{padding:100px 20px;background:#0d0f17}
.platform-acc .wrap-center{max-width:1320px;margin:0 auto}
.platform-acc .top-header{text-align:center;margin-bottom:56px}
.platform-acc .top-header h2{font-size:42px;color:#fff;margin-bottom:20px;font-weight:700}
.platform-acc .top-header .subtitle2{font-size:18px;color:#9ca3af;line-height:1.7;max-width:720px;margin:0 auto}
.platform-acc .stats-container{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-bottom:60px}
.platform-acc .stat-box{background:linear-gradient(145deg,#151821 0%,#1a1d2e 100%);padding:40px 28px;border-radius:10px;text-align:center;border:1px solid #0779d126;transition:all .35s ease;position:relative;overflow:hidden}
.platform-acc .stat-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0779D1 0%,#9E1527 100%);transform:scaleX(0);transition:transform .4s ease}
.platform-acc .stat-box:hover::before{transform:scaleX(1)}
.platform-acc .stat-box:hover{transform:translateY(-5px);box-shadow:0 12px 32px #0779d140;border-color:#0779d166}
.platform-acc .stat-box .num{font-size:48px;font-weight:700;color:#0779D1;margin-bottom:12px;display:block}
.platform-acc .stat-box .lbl{font-size:16px;color:#b4b8c5;font-weight:500}
.platform-acc .accordion-wrap{max-width:920px;margin:0 auto}
.platform-acc .acc-item{margin-bottom:16px;background:linear-gradient(145deg,#151821 0%,#1a1d2e 100%);border-radius:8px;border:1px solid #0779d11f;overflow:hidden}
.platform-acc .acc-item input[type="radio"]{display:none}
.platform-acc .acc-item label{display:block;padding:24px 32px;font-size:19px;font-weight:600;color:#fff;cursor:pointer;position:relative;transition:all .3s ease;user-select:none}
.platform-acc .acc-item label::after{content:'+';position:absolute;right:32px;top:50%;transform:translateY(-50%);font-size:28px;color:#0779D1;transition:transform .3s ease}
.platform-acc .acc-item input[type="radio"]:checked + label{background:#0779d114}
.platform-acc .acc-item input[type="radio"]:checked + label::after{content:'−';transform:translateY(-50%) rotate(180deg)}
.platform-acc .acc-item .acc-content{max-height:0;overflow:hidden;transition:max-height .4s ease}
.platform-acc .acc-item input[type="radio"]:checked ~ .acc-content{max-height:600px}
.platform-acc .acc-item .acc-content .inner-pad{padding:0 32px 28px;font-size:16px;line-height:1.7;color:#b4b8c5}
.testimonial-final{padding:100px 20px;background:linear-gradient(165deg,#0a0d15 0%,#13161f 50%,#0e1119 100%);position:relative}
.testimonial-final::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#9e152766 50%,transparent 100%)}
.testimonial-final .content-wrapper{max-width:1320px;margin:0 auto}
.testimonial-final .flex-layout{display:flex;gap:64px;align-items:center}
.testimonial-final .photo-col{flex:0 0 340px}
.testimonial-final .photo-col img{width:100%;height:400px;object-fit:cover;border-radius:10px;box-shadow:0 16px 48px #0009}
.testimonial-final .text-col{flex:1}
.testimonial-final .text-col .quote-icon{font-size:64px;color:#0779d14d;line-height:1;margin-bottom:24px}
.testimonial-final .text-col .quote-txt{font-size:20px;line-height:1.7;color:#c5c9d4;margin-bottom:28px;font-style:italic}
.testimonial-final .text-col .author-info{display:flex;align-items:center;gap:20px}
.testimonial-final .text-col .author-info .line-div{width:60px;height:3px;background:linear-gradient(90deg,#9E1527 0%,#0779D1 100%);border-radius:2px}
.testimonial-final .text-col .author-info .details{flex:1}
.testimonial-final .text-col .author-info .nm{font-size:19px;color:#fff;font-weight:600;margin-bottom:4px}
.testimonial-final .text-col .author-info .role{font-size:15px;color:#9ca3af}
@media (max-width: 1024px) {
.hd-wrp .flexo-row{flex-direction:column;gap:40px}
.hd-wrp .imgSide{flex:0 0 auto;width:100%}
.hd-wrp .imgSide img{height:380px}
.hd-wrp .mainTtl{font-size:42px}
.practice-sect .prj-grid{grid-template-columns:repeat(2,1fr)}
.src-expertise .flex-split{flex-direction:column;gap:48px}
.src-expertise .img-zone{flex:0 0 auto;width:100%}
.platform-acc .stats-container{grid-template-columns:repeat(2,1fr)}
.testimonial-final .flex-layout{flex-direction:column;gap:40px}
.testimonial-final .photo-col{flex:0 0 auto;width:100%}
}
@media (max-width: 768px) {
.hd-wrp{padding:60px 20px;min-height:500px}
.hd-wrp .mainTtl{font-size:36px}
.hd-wrp .desc-p{font-size:17px}
.practice-sect{padding:80px 20px}
.practice-sect .sec-hed h2{font-size:34px}
.practice-sect .prj-grid{grid-template-columns:1fr;gap:24px}
.src-expertise{padding:80px 20px}
.src-expertise .txt-zone h2{font-size:34px}
.src-expertise .img-zone img{height:380px}
.platform-acc{padding:80px 20px}
.platform-acc .top-header h2{font-size:34px}
.platform-acc .stats-container{grid-template-columns:1fr;gap:20px}
.testimonial-final{padding:80px 20px}
.testimonial-final .photo-col img{height:340px}
.testimonial-final .text-col .quote-txt{font-size:18px}
}
.hd-wrapper{display:flex;align-items:center;gap:0;max-width:1320px;margin:4rem auto 0;padding:0 1.5rem}
.txt-side{flex:1;padding-right:3rem}
.txt-side .main-h{font-size:2.8rem;line-height:1.2;color:#ECEEF2;margin:0 0 1.5rem;font-weight:700}
.txt-side .desc-p{font-size:1.1rem;line-height:1.7;color:#b8bcc4;margin:0 0 2rem}
.img-side{flex:1;position:relative}
.img-side img{width:100%;height:auto;border-radius:8px;display:block;box-shadow:0 12px 28px #0779d126 0 4px 12px #9e152714}
.geo-pattern{position:absolute;top:-20px;right:-20px;width:140px;height:140px;opacity:.06;pointer-events:none}
.btns-row{display:flex;gap:1rem;flex-wrap:wrap}
.btn-prim,.btn-sec{padding:.95rem 2rem;border-radius:6px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;border:2px solid transparent}
.btn-prim{background:linear-gradient(135deg,#0779D1 0%,#9E1527 100%);color:#ECEEF2;box-shadow:0 4px 14px #0779d14d}
.btn-prim:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0779d166}
.btn-sec{background:transparent;color:#ECEEF2;border-color:#0779D1}
.btn-sec:hover{background:#0779d11a;border-color:#9E1527;transform:translateY(-2px)}
.contact-wrapper{max-width:1320px;margin:6rem auto 5rem;padding:0 1.5rem;display:grid;grid-template-columns:1fr 1.4fr;gap:5rem;align-items:start}
.info-column .section-label{font-size:.9rem;color:#9E1527;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 .8rem;font-weight:600}
.info-column .h2-title{font-size:2.2rem;line-height:1.3;color:#ECEEF2;margin:0 0 1.2rem;font-weight:700}
.info-column .intro-text{font-size:1.05rem;line-height:1.8;color:#aeb3bd;margin:0 0 2.5rem}
.details-box{background:#0779d10a;border-left:3px solid #0779D1;padding:1.8rem;border-radius:6px;margin-bottom:1.5rem}
.details-box h3{font-size:1.15rem;color:#ECEEF2;margin:0 0 1rem;font-weight:600}
.contact-item{display:flex;align-items:center;gap:.8rem;margin-bottom:.9rem;font-size:1rem;color:#bcc1ca}
.contact-item:last-child{margin-bottom:0}
.contact-item i{color:#0779D1;font-size:1.2rem;width:24px;text-align:center}
.contact-item a{color:#bcc1ca;text-decoration:none;transition:color .25s ease}
.contact-item a:hover{color:#0779D1}
.form-column{background:linear-gradient(145deg,#0f141e99 0%,#191e2866 100%);border:1px solid #eceef214;border-radius:10px;padding:2.5rem;box-shadow:0 8px 32px #0000004d}
.form-column .form-h{font-size:1.6rem;color:#ECEEF2;margin:0 0 1.8rem;font-weight:600}
.form-group{margin-bottom:1.5rem}
.form-group label{display:block;font-size:.95rem;color:#c5c9d1;margin-bottom:.5rem;font-weight:500}
.form-group input,.form-group select{width:100%;padding:.9rem 1.1rem;background:#eceef20d;border:1px solid #eceef21f;border-radius:6px;color:#ECEEF2;font-size:1rem;transition:all .3s ease;box-sizing:border-box}
.form-group input:focus,.form-group select:focus{outline:none;border-color:#0779D1;background:#eceef214;box-shadow:0 0 0 3px #0779d126}
.checkbox-set{margin:1.5rem 0}
.checkbox-set .set-label{display:block;font-size:.95rem;color:#c5c9d1;margin-bottom:.9rem;font-weight:500}
.checkbox-item{display:flex;align-items:center;margin-bottom:.7rem}
.checkbox-item input[type="checkbox"]{width:auto;margin-right:.7rem;cursor:pointer;accent-color:#0779D1}
.checkbox-item label{margin:0;font-size:.95rem;color:#b8bcc4;cursor:pointer}
.privacy-check{display:flex;align-items:flex-start;margin:1.8rem 0 2rem;gap:.7rem}
.privacy-check input[type="checkbox"]{margin-top:.2rem;cursor:pointer;accent-color:#0779D1}
.privacy-check label{font-size:.9rem;color:#a8adb7;line-height:1.6;margin:0}
.privacy-check a{color:#0779D1;text-decoration:none;transition:color .25s ease}
.privacy-check a:hover{color:#9E1527}
.submit-btn{width:100%;padding:1.1rem;background:linear-gradient(135deg,#0779D1 0%,#9E1527 100%);color:#ECEEF2;border:none;border-radius:6px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #0779d140}
.submit-btn:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0779d159}
.submit-btn:active{transform:translateY(-1px)}
@media (max-width: 1024px) {
.hd-wrapper{flex-direction:column;margin-top:3rem}
.txt-side{padding-right:0;margin-bottom:2.5rem}
.txt-side .main-h{font-size:2.3rem}
.contact-wrapper{grid-template-columns:1fr;gap:3.5rem;margin:4rem auto}
}
@media (max-width: 768px) {
.hd-wrapper{margin-top:2rem;padding:0 1rem}
.txt-side .main-h{font-size:2rem}
.txt-side .desc-p{font-size:1rem}
.btns-row{flex-direction:column}
.btn-prim,.btn-sec{width:100%;text-align:center}
.contact-wrapper{padding:0 1rem;margin:3rem auto}
.info-column .h2-title{font-size:1.8rem}
.form-column{padding:1.8rem}
.details-box{padding:1.4rem}
}
@media (max-width: 480px) {
.txt-side .main-h{font-size:1.7rem}
.info-column .h2-title{font-size:1.5rem}
.form-column{padding:1.5rem}
.form-column .form-h{font-size:1.4rem}
}
.pg-wr{max-width:1320px;margin:0 auto;padding:0 20px}
.suc-zone{min-height:85vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(236deg,#0a1628 0%,#1a0d14 50%,#0f1318 100%);position:relative;overflow:hidden;padding:80px 0}
.suc-zone::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,#0779d114 0%,transparent 50%),radial-gradient(circle at 70% 60%,#9e15270f 0%,transparent 50%);animation:driftGlow 25s ease-in-out infinite}
@keyframes driftGlow {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(-5%,5%) rotate(2deg)}
}
.suc-zone::after{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#eceef208 0%,transparent 70%);top:15%;right:10%;animation:pulseOrb 8s ease-in-out infinite}
@keyframes pulseOrb {
0%,100%{opacity:.3;transform:scale(1)}
50%{opacity:.6;transform:scale(1.2)}
}
.suc-content-wrap{position:relative;z-index:2;text-align:center;max-width:680px}
.suc-icon-hld{margin-bottom:36px;position:relative}
.suc-chk-icn{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;background:linear-gradient(135deg,#0779d126 0%,#9e15271f 100%);border-radius:50%;position:relative;box-shadow:0 12px 32px #0779d140 0 0 60px #9e152726}
.suc-chk-icn::before{content:'';position:absolute;width:110%;height:110%;border:2px solid #0779d14d;border-radius:50%;animation:ringPulse 2.5s ease-out infinite}
@keyframes ringPulse {
0%{transform:scale(1);opacity:1}
100%{transform:scale(1.4);opacity:0}
}
.suc-chk-icn svg{width:48px;height:48px;fill:none;stroke:#0779D1;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 8px #0779d166)}
.suc-main-hd{font-size:42px;font-weight:700;color:#ECEEF2;margin:0 0 16px;letter-spacing:-.5px;line-height:1.2}
.suc-subtext{font-size:18px;color:#a8b2c4;margin:0 0 32px;line-height:1.6}
.suc-detail-list{list-style:none;padding:0;margin:0 0 40px;text-align:left;display:inline-block}
.suc-detail-list li{position:relative;padding-left:32px;margin-bottom:18px;font-size:16px;color:#c7cfdb;line-height:1.5}
.suc-detail-list li::before{content:'';position:absolute;left:0;top:4px;width:18px;height:18px;background:linear-gradient(135deg,#0779D1 0%,#9E1527 100%);border-radius:50%;box-shadow:0 0 12px #0779d180}
.suc-detail-list li::after{content:'✓';position:absolute;left:4px;top:4px;width:18px;height:18px;color:#ECEEF2;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.suc-btn-area{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn-prime12{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;font-size:16px;font-weight:600;color:#ECEEF2;background:linear-gradient(135deg,#0779D1 0%,#0662a8 100%);border:none;border-radius:8px;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 20px #0779d159;position:relative;z-index:10;cursor:pointer}
.btn-prime12:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0779d173;background:linear-gradient(135deg,#0889e8 0%,#0779D1 100%)}
.btn-sec42{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;font-size:16px;font-weight:600;color:#ECEEF2;background:transparent;border:2px solid #eceef24d;border-radius:8px;text-decoration:none;transition:all .3s ease;position:relative;z-index:10;cursor:pointer}
.btn-sec42:hover{border-color:#0779D1;background:#0779d11a;transform:translateY(-3px);box-shadow:0 6px 20px #0779d140}
.decor-els{position:absolute;top:50%;left:5%;width:120px;height:120px;opacity:.15}
.decor-els svg{width:100%;height:100%;fill:none;stroke:#0779D1;stroke-width:2;animation:rotateShape 20s linear infinite}
@keyframes rotateShape {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.decor-els2{position:absolute;bottom:10%;right:8%;width:80px;height:80px;opacity:.12}
.decor-els2 svg{width:100%;height:100%;fill:none;stroke:#9E1527;stroke-width:2;animation:rotateShape 15s linear infinite reverse}
@media (max-width: 768px) {
.suc-zone{padding:60px 0;min-height:75vh}
.suc-main-hd{font-size:32px}
.suc-subtext{font-size:16px}
.suc-chk-icn{width:76px;height:76px}
.suc-chk-icn svg{width:38px;height:38px}
.suc-btn-area{flex-direction:column;align-items:stretch}
.btn-prime12,.btn-sec42{width:100%;justify-content:center}
.decor-els,.decor-els2{display:none}
}
@media (max-width: 480px) {
.suc-main-hd{font-size:28px}
.suc-detail-list li{font-size:15px}
}