*,::before,::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Karla',-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0a0f;color:#e8e8ee;line-height:1.6;overflow-x:hidden}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#1975f91a;border-radius:8px}
::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1975F9,#2E7622);border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2E7622,#1975F9)}
.mainHeader{background:linear-gradient(168deg,#0d0d15 0%,#12121c 50%,#0f0f17 100%);padding:28px 0;border-bottom:1px solid #1975f926;box-shadow:0 8px 24px #1975f914}
.header-holder{max-width:960px;margin:0 auto;padding:0 20px}
.logoWrap{text-align:center;margin-bottom:24px}
.logoWrap img{height:110px;width:110px;display:inline-block;background:#f5e4f30d;padding:12px;border-radius:8px;box-shadow:0 6px 16px #1975f91f}
.companyTitle{text-align:center;margin-bottom:26px}
.companyTitle h1{font-size:2.2rem;font-weight:700;background:linear-gradient(122deg,#1975F9,#F5E4F3,#2E7622);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.5px}
.navHolder{text-align:center}
.mainNav{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:center;list-style:none}
.mainNav li{position:relative}
.mainNav a{display:block;padding:12px 22px;color:#e8e8ee;text-decoration:none;font-size:1rem;font-weight:500;border-radius:6px;background:#1975f914;border:1px solid #1975f933;transition:all .3s ease}
.mainNav a:hover{background:#1975f926;border-color:#1975f966;color:#F5E4F3}
.mainNav .hasSubmenu{position:relative}
.submenuList{display:none;position:absolute;top:calc(100% + 8px);left:0;background:#12121c;border:1px solid #1975f940;border-radius:6px;box-shadow:0 12px 32px #1975f92e;list-style:none;min-width:220px;z-index:1000;padding:8px 0}
.mainNav .hasSubmenu:hover .submenuList,.submenuList:hover{display:block}
.submenuList a{display:block;padding:10px 18px;background:transparent;border:none;border-radius:0;text-align:left}
.submenuList a:hover{background:#1975f91f}
.footerMain{background:linear-gradient(212deg,#0d0d15 0%,#12121c 50%,#0f0f17 100%);border-top:1px solid #2e762226;padding:42px 0 28px;margin-top:80px}
.footer-holder{max-width:960px;margin:0 auto;padding:0 20px}
.footerNav{text-align:center;margin-bottom:28px}
.footerLinks{display:inline-flex;gap:24px;flex-wrap:wrap;justify-content:center;list-style:none}
.footerLinks a{color:#b8b8c8;text-decoration:none;font-size:.95rem;transition:color .3s ease}
.footerLinks a:hover{color:#2E7622}
.copyrightSection{text-align:center;padding-top:24px;border-top:1px solid #2e76221a}
.copyrightSection p{color:#7a7a8a;font-size:.9rem}
.contactInfo{text-align:center;margin-bottom:24px}
.contactInfo p{color:#9a9aaa;font-size:.92rem;margin:6px 0}
.contactInfo a{color:#1975F9;text-decoration:none;transition:color .3s ease}
.contactInfo a:hover{color:#F5E4F3}
.cookiePopup{position:fixed;bottom:24px;right:24px;background:linear-gradient(148deg,#12121c,#1a1a28);border:1px solid #1975f94d;border-radius:10px;padding:28px;max-width:420px;box-shadow:0 16px 48px #1975f938;z-index:10000;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}
.cookiePopup.visible{opacity:1;transform:translateY(0)}
.cookiePopup h3{font-size:1.3rem;font-weight:600;margin-bottom:14px;color:#F5E4F3}
.cookiePopup p{font-size:.95rem;color:#c8c8d8;margin-bottom:20px;line-height:1.5}
.cookieBtns{display:flex;gap:12px;margin-bottom:12px}
.cookieBtns button{flex:1;padding:11px 18px;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:'Karla',sans-serif}
.btnAccept{background:linear-gradient(135deg,#1975F9,#2E7622);color:#fff;box-shadow:0 4px 12px #1975f94d}
.btnAccept:hover{box-shadow:0 6px 16px #1975f973;transform:translateY(-1px)}
.btnDecline{background:#ffffff14;color:#e8e8ee;border:1px solid #ffffff26}
.btnDecline:hover{background:#ffffff1f}
.btnCustomize{width:100%;padding:10px;background:transparent;color:#1975F9;border:1px solid #1975f94d;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:'Karla',sans-serif}
.btnCustomize:hover{background:#1975f91a;border-color:#1975f980}
.cookieDetails{display:none;margin-top:18px;padding-top:18px;border-top:1px solid #ffffff1a}
.cookieDetails.show{display:block}
.cookieOption{margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}
.cookieOption label{color:#d8d8e8;font-size:.92rem;flex:1}
.cookieOption input[type="checkbox"]{width:18px;height:18px;cursor:pointer;accent-color:#1975F9}
.policyLink{margin-top:14px;font-size:.88rem}
.policyLink a{color:#1975F9;text-decoration:none}
.policyLink a:hover{text-decoration:underline}
@media (max-width: 640px) {
.mainHeader{padding:20px 0}
.logoWrap{margin-bottom:18px}
.logoWrap img{height:80px;width:80px}
.companyTitle{margin-bottom:20px}
.companyTitle h1{font-size:1.6rem}
.mainNav{flex-direction:column;gap:6px}
.mainNav a{padding:10px 16px;font-size:.95rem}
.submenuList{position:static;display:none;margin-top:6px;box-shadow:none}
.mainNav .hasSubmenu:hover .submenuList{display:block}
.cookiePopup{bottom:12px;right:12px;left:12px;max-width:none;padding:20px}
.cookieBtns{flex-direction:column}
.footerLinks{flex-direction:column;gap:12px}
}
@media (max-width: 1024px) and (min-width: 641px) {
.companyTitle h1{font-size:2rem}
.mainNav{gap:6px}
}
.content-doc{max-width:960px;margin:0 auto;padding:60px 24px;background:#0a0a0f;color:#e8e8ee}
.content-doc p{font-size:17px;line-height:1.75;margin:0 0 24px;color:#d4d4dc}
.content-doc p:last-child{margin-bottom:0}
.content-doc strong,.content-doc b{font-weight:600;color:#f0f0f5}
.content-doc em,.content-doc i{font-style:italic;color:#e0e0ea}
.content-doc h1{font-size:42px;line-height:1.2;margin:0 0 40px;font-weight:700;color:#fff;background:linear-gradient(125deg,#1975F9 0%,#2E7622 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.content-doc h2{font-size:32px;line-height:1.3;margin:48px 0 24px;font-weight:600;color:#f5f5fa;border-bottom:2px solid #1975f94d;padding-bottom:12px}
.content-doc h3{font-size:24px;line-height:1.4;margin:36px 0 18px;font-weight:600;color:#ebebf2}
.content-doc h4{font-size:20px;line-height:1.4;margin:28px 0 16px;font-weight:600;color:#e0e0ea}
.content-doc ul,.content-doc ol{margin:0 0 24px;padding-left:32px;color:#d4d4dc}
.content-doc ul li,.content-doc ol li{font-size:17px;line-height:1.7;margin-bottom:12px}
.content-doc ul li:last-child,.content-doc ol li:last-child{margin-bottom:0}
.content-doc ul{list-style-type:disc}
.content-doc ol{list-style-type:decimal}
.content-doc a{color:#1975F9;text-decoration:underline;transition:color .3s ease}
.content-doc a:hover{color:#4d94fb}
.content-doc table{width:100%;border-collapse:collapse;margin:32px 0;background:#12121a;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #1975f926}
.content-doc thead{background:linear-gradient(135deg,#1975F9 0%,#2E7622 100%)}
.content-doc thead tr th{padding:16px 20px;text-align:left;font-size:16px;font-weight:600;color:#fff;border-bottom:3px solid #f5e4f333}
.content-doc tbody tr{border-bottom:1px solid #ffffff14}
.content-doc tbody tr:last-child{border-bottom:none}
.content-doc tbody tr:hover{background:#1975f90d}
.content-doc tbody tr td{padding:14px 20px;font-size:16px;line-height:1.6;color:#d4d4dc}
.content-doc th{font-weight:600}
.content-doc td{font-weight:400}
.content-doc div{margin:24px 0}
.content-doc blockquote{margin:32px 0;padding:20px 24px;border-left:4px solid #1975F9;background:#1975f914;border-radius:0 6px 6px 0}
.content-doc blockquote p{margin:0;color:#e8e8ee;font-style:italic}
.content-doc hr{margin:48px 0;border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#1975f966 50%,transparent 100%)}
@media (max-width: 1024px) {
.content-doc{padding:48px 20px}
.content-doc h1{font-size:36px}
.content-doc h2{font-size:28px}
.content-doc h3{font-size:22px}
}
@media (max-width: 640px) {
.content-doc{padding:36px 16px}
.content-doc h1{font-size:30px;margin-bottom:28px}
.content-doc h2{font-size:24px;margin-top:36px}
.content-doc h3{font-size:20px;margin-top:28px}
.content-doc h4{font-size:18px}
.content-doc p,.content-doc ul li,.content-doc ol li{font-size:16px}
.content-doc table{font-size:14px}
.content-doc thead tr th,.content-doc tbody tr td{padding:12px 14px;font-size:14px}
.content-doc ul,.content-doc ol{padding-left:24px}
}
.titleHero{position:relative;background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 100%);padding:120px 20px 80px;overflow:hidden}
.titleHero::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#1975f914 0%,transparent 70%);border-radius:50%}
.titleHero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,#2e76220f 0%,transparent 70%);border-radius:50%}
.titleHero .heroInner{max-width:960px;margin:0 auto;position:relative;z-index:2;display:flex;align-items:center;gap:60px}
.titleHero .textContent{flex:1;color:#f5f5f7}
.titleHero .textContent h1{font-size:48px;line-height:1.2;margin:0 0 24px;color:#fff;font-weight:700}
.titleHero .textContent h1::before{content:'';display:inline-block;width:6px;height:48px;background:linear-gradient(180deg,#1975F9 0%,#2E7622 100%);margin-right:16px;vertical-align:middle;border-radius:3px}
.titleHero .textContent p{font-size:18px;line-height:1.7;color:#d0d0d5;margin:0 0 32px}
.titleHero .imageWrap{flex:0 0 400px;position:relative}
.titleHero .imageWrap img{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 20px 60px #1975f926}
.titleHero .imageWrap::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1975f933 0%,#2e762226 100%);border-radius:12px;pointer-events:none}
.titleHero .geomPattern{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;opacity:.03;z-index:1}
.titleHero .geomPattern::before,.titleHero .geomPattern::after{content:'';position:absolute;border:2px solid #1975F9;border-radius:50%}
.titleHero .geomPattern::before{width:200px;height:200px;top:50px;left:50px}
.titleHero .geomPattern::after{width:300px;height:300px;top:0;left:0;animation:rotateGeom 30s linear infinite}
@keyframes rotateGeom {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.benefitsGrid{background:#0f0f14;padding:100px 20px;position:relative}
.benefitsGrid .containerWrap{max-width:960px;margin:0 auto}
.benefitsGrid .sectionHead{text-align:center;margin-bottom:60px}
.benefitsGrid .sectionHead h2{font-size:42px;color:#fff;margin:0 0 16px;font-weight:700}
.benefitsGrid .sectionHead h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#1975F9 0%,#2E7622 100%);margin:20px auto 0;border-radius:2px}
.benefitsGrid .sectionHead p{font-size:18px;color:#a0a0aa;line-height:1.6}
.benefitsGrid .gridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.benefitsGrid .cardItem{background:linear-gradient(145deg,#1a1a24 0%,#15151f 100%);padding:36px 28px;border-radius:10px;border:1px solid #1975f91f;transition:all .3s ease;position:relative;overflow:hidden}
.benefitsGrid .cardItem::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#1975F9 0%,#2E7622 100%);opacity:0;border-radius:10px;z-index:-1;transition:opacity .3s ease}
.benefitsGrid .cardItem:hover{transform:translateY(-8px);box-shadow:0 16px 48px #1975f933}
.benefitsGrid .cardItem:hover::before{opacity:.1}
.benefitsGrid .cardItem .icon-mfizz{font-size:48px;color:#1975F9;margin-bottom:20px;display:block}
.benefitsGrid .cardItem h3{font-size:22px;color:#fff;margin:0 0 14px;font-weight:600}
.benefitsGrid .cardItem p{font-size:15px;color:#b0b0ba;line-height:1.6;margin:0}
.processTimeline{background:linear-gradient(180deg,#0a0a0f 0%,#15151a 100%);padding:100px 20px;position:relative}
.processTimeline .wrapHolder{max-width:960px;margin:0 auto}
.processTimeline .introText{margin-bottom:70px}
.processTimeline .introText h2{font-size:40px;color:#fff;margin:0 0 20px;font-weight:700}
.processTimeline .introText h2::before{content:'→';color:#1975F9;margin-right:12px}
.processTimeline .introText p{font-size:17px;color:#a5a5af;line-height:1.7;max-width:700px}
.processTimeline .timelineHolder{position:relative;padding-left:80px}
.processTimeline .timelineHolder::before{content:'';position:absolute;left:30px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#1975F9 0%,#2E7622 100%);border-radius:2px}
.processTimeline .stepItem{position:relative;margin-bottom:50px;background:#1975f90a;padding:32px;border-radius:8px;border-left:4px solid #2E7622}
.processTimeline .stepItem::before{content:'';position:absolute;left:-84px;top:40px;width:16px;height:16px;background:#1975F9;border-radius:50%;box-shadow:0 0 0 6px #1975f933}
.processTimeline .stepItem .stepNum{position:absolute;left:-94px;top:15px;font-size:14px;font-weight:700;color:#1975F9;background:#0f0f14;padding:4px 10px;border-radius:4px}
.processTimeline .stepItem h3{font-size:24px;color:#fff;margin:0 0 12px;font-weight:600}
.processTimeline .stepItem p{font-size:16px;color:#c0c0ca;line-height:1.6;margin:0}
.statsShowcase{background:#0f0f14;padding:90px 20px;position:relative}
.statsShowcase .containerBox{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:50px}
.statsShowcase .imageSection{flex:0 0 420px}
.statsShowcase .imageSection img{width:100%;height:500px;object-fit:cover;border-radius:10px;box-shadow:0 12px 40px #2e76222e}
.statsShowcase .contentSection{flex:1}
.statsShowcase .contentSection h2{font-size:38px;color:#fff;margin:0 0 30px;font-weight:700;position:relative;padding-left:20px}
.statsShowcase .contentSection h2::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#2E7622 0%,#1975F9 100%);border-radius:3px}
.statsShowcase .statGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.statsShowcase .statBox{background:linear-gradient(135deg,#1a1a24 0%,#15151f 100%);padding:28px 24px;border-radius:8px;border:1px solid #2e762226;transition:transform .3s ease}
.statsShowcase .statBox:hover{transform:scale(1.05)}
.statsShowcase .statBox .number{font-size:36px;color:#2E7622;font-weight:700;margin:0 0 8px;display:block}
.statsShowcase .statBox .label{font-size:16px;color:#d0d0da;line-height:1.4;display:block}
.testimonialsSection{background:linear-gradient(180deg,#0a0a0f 0%,#1a1a24 100%);padding:100px 20px;position:relative}
.testimonialsSection::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,#1975f933 50%,transparent 100%)}
.testimonialsSection .innerWrap{max-width:960px;margin:0 auto;position:relative;z-index:2}
.testimonialsSection .headingArea{text-align:center;margin-bottom:60px}
.testimonialsSection .headingArea h2{font-size:40px;color:#fff;margin:0 0 16px;font-weight:700}
.testimonialsSection .headingArea p{font-size:17px;color:#a0a0aa;line-height:1.6}
.testimonialsSection .testimonialBox{background:#1975f90d;padding:50px 40px;border-radius:12px;border:2px solid #f5e4f31a;position:relative;display:flex;align-items:center;gap:40px}
.testimonialsSection .testimonialBox::before{content:'"';position:absolute;top:-20px;left:30px;font-size:120px;color:#1975f926;font-family:Georgia,serif;line-height:1}
.testimonialsSection .profileImage{flex:0 0 140px}
.testimonialsSection .profileImage img{width:140px;height:140px;object-fit:cover;border-radius:50%;border:4px solid #f5e4f333;box-shadow:0 8px 24px #1975f933}
.testimonialsSection .testimonialText{flex:1}
.testimonialsSection .testimonialText p{font-size:18px;color:#e0e0ea;line-height:1.7;margin:0 0 20px;font-style:italic}
.testimonialsSection .testimonialText .authorName{font-size:20px;color:#F5E4F3;font-weight:600;margin:0 0 6px;display:block}
.testimonialsSection .testimonialText .authorRole{font-size:15px;color:#2E7622;display:block}
@media (max-width: 1024px) {
.titleHero .heroInner{flex-direction:column;gap:40px}
.titleHero .imageWrap{flex:0 0 auto;width:100%;max-width:500px}
.benefitsGrid .gridLayout{grid-template-columns:repeat(2,1fr)}
.statsShowcase .containerBox{flex-direction:column}
.statsShowcase .imageSection{flex:0 0 auto;width:100%}
}
@media (max-width: 640px) {
.titleHero{padding:80px 20px 60px}
.titleHero .textContent h1{font-size:36px}
.titleHero .imageWrap img{height:360px}
.benefitsGrid .gridLayout{grid-template-columns:1fr}
.processTimeline .timelineHolder{padding-left:40px}
.processTimeline .timelineHolder::before{left:15px}
.processTimeline .stepItem::before{left:-44px}
.processTimeline .stepItem .stepNum{left:-54px}
.statsShowcase .statGrid{grid-template-columns:1fr}
.testimonialsSection .testimonialBox{flex-direction:column;text-align:center;padding:40px 30px}
.testimonialsSection .profileImage{flex:0 0 auto}
}
.heroZone{background:linear-gradient(127deg,#0a0a0c 0%,#1a1a2e 45%,#0f0f18 100%);padding:0;overflow:hidden;position:relative}
.heroZone::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#1975f926 0%,transparent 70%);border-radius:50%;pointer-events:none}
.heroHolder{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:48px;padding:80px 20px;position:relative;z-index:1}
.heroContent{flex:1;min-width:0}
.heroTitle{font-size:48px;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.15;letter-spacing:-.5px}
.heroTitle::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#1975F9 0%,#2E7622 100%);margin-top:16px;border-radius:2px}
.heroText{font-size:18px;line-height:1.7;color:#b8b8c4;margin:0 0 32px}
.heroActions{display:flex;gap:16px;flex-wrap:wrap}
.btnPrimary{background:linear-gradient(135deg,#1975F9 0%,#1557b8 100%);color:#fff;padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;display:inline-block;transition:all .3s ease;box-shadow:0 6px 20px #1975f94d;position:relative;z-index:10}
.btnPrimary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #1975f973;background:linear-gradient(135deg,#2082ff 0%,#1660c9 100%)}
.btnSecondary{background:#2e762226;color:#2E7622;padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;display:inline-block;transition:all .3s ease;border:2px solid #2e76224d;position:relative;z-index:10}
.btnSecondary:hover{background:#2e762240;border-color:#2e762280;transform:translateY(-2px)}
.heroVisual{flex:0 0 420px;position:relative}
.heroVisual img{width:480px;height:auto;border-radius:12px;box-shadow:0 20px 60px #00000080;margin-left:-60px;filter:grainy(0.3);position:relative;z-index:2}
.heroVisual::before{content:'';position:absolute;top:20px;left:-40px;width:200px;height:200px;background:linear-gradient(45deg,#f5e4f314 0%,transparent 100%);border-radius:50%;z-index:1}
.platformBase{background:#0d0d12;padding:96px 20px;position:relative}
.platformBase::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#1975f94d 50%,transparent 100%)}
.platformWrap{max-width:960px;margin:0 auto}
.sectionHead{text-align:center;margin-bottom:64px}
.sectionLabel{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#1975F9;margin:0 0 12px}
.sectionTitle{font-size:36px;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.25}
.sectionDesc{font-size:17px;color:#9494a8;line-height:1.6;margin:0;max-width:680px;margin-left:auto;margin-right:auto}
.foundationGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.foundCard{background:linear-gradient(145deg,#151520 0%,#0f0f18 100%);padding:40px 32px;border-radius:10px;border:1px solid #ffffff0d;transition:all .4s ease;position:relative;overflow:hidden}
.foundCard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1975F9 0%,#2E7622 100%);opacity:0;transition:opacity .4s ease}
.foundCard:hover{transform:translateY(-4px);border-color:#1975f94d;box-shadow:0 12px 40px #1975f926}
.foundCard:hover::before{opacity:1}
.foundIcon{font-size:36px;color:#1975F9;margin-bottom:20px}
.foundTitle{font-size:20px;font-weight:600;color:#fff;margin:0 0 12px}
.foundText{font-size:15px;color:#8a8a9e;line-height:1.65;margin:0}
.securityZone{background:linear-gradient(168deg,#0f0f18 0%,#1a1a2e 100%);padding:96px 20px;position:relative}
.securityZone::after{content:'';position:absolute;bottom:10%;left:5%;width:300px;height:300px;background:radial-gradient(circle,#2e76221a 0%,transparent 70%);border-radius:50%;pointer-events:none}
.securityContainer{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:56px}
.securityImg{flex:0 0 380px}
.securityImg img{width:100%;height:auto;border-radius:10px;box-shadow:0 16px 48px #0006}
.securityContent{flex:1}
.securityTitle{font-size:32px;font-weight:700;color:#fff;margin:0 0 24px;position:relative;display:inline-block}
.securityTitle::before{content:'';position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:4px;height:80%;background:linear-gradient(180deg,#2E7622 0%,#1975F9 100%);border-radius:2px}
.guaranteeList{list-style:none;padding:0;margin:0 0 28px}
.guaranteeList li{padding:16px 0 16px 40px;font-size:16px;color:#b0b0be;line-height:1.6;position:relative;border-bottom:1px solid #ffffff0d}
.guaranteeList li:last-child{border-bottom:none}
.guaranteeList li::before{content:'✓';position:absolute;left:0;top:16px;width:28px;height:28px;background:#2e762226;color:#2E7622;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.experienceSection{background:#0a0a0e;padding:96px 20px;position:relative}
.experienceHolder{max-width:960px;margin:0 auto}
.testimonialGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;margin-top:48px}
.testimCard{background:linear-gradient(135deg,#151520 0%,#1a1a28 100%);padding:36px;border-radius:12px;border:1px solid #ffffff0f;position:relative;transition:all .3s ease}
.testimCard:hover{border-color:#f5e4f333;box-shadow:0 8px 32px #f5e4f314}
.testimCard::before{content:'"';position:absolute;top:20px;left:24px;font-size:72px;color:#1975f926;font-family:serif;line-height:1;font-weight:700}
.testimContent{position:relative;z-index:2;padding-top:32px}
.testimText{font-size:15px;color:#a0a0b2;line-height:1.7;margin:0 0 24px}
.testimAuthor{display:flex;align-items:center;gap:16px}
.authorImg{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #1975f94d}
.authorInfo h4{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px}
.authorInfo p{font-size:13px;color:#7a7a8e;margin:0}
.ecosystemArea{background:linear-gradient(152deg,#0f0f18 0%,#0d0d12 50%,#1a1a2e 100%);padding:96px 20px;position:relative}
.ecosystemArea::before{content:'';position:absolute;top:-10%;right:-15%;width:500px;height:500px;background:radial-gradient(circle,#1975f914 0%,transparent 70%);border-radius:50%}
.ecosystemWrap{max-width:960px;margin:0 auto}
.ecosystemLayout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:48px}
.ecosystemVisual img{width:100%;height:auto;border-radius:10px;box-shadow:0 20px 60px #00000080}
.ecosystemDetail{display:flex;flex-direction:column;gap:24px}
.detailItem{background:#1975f90a;padding:24px;border-radius:8px;border-left:3px solid #1975F9;transition:all .3s ease}
.detailItem:nth-child(2){border-left-color:#2E7622;background:#2e76220a}
.detailItem:nth-child(3){border-left-color:#F5E4F3;background:#f5e4f30a}
.detailItem:hover{transform:translateX(8px);background:#1975f914}
.detailItem h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 8px}
.detailItem p{font-size:15px;color:#9090a4;line-height:1.6;margin:0}
.toolsSection{background:#0d0d12;padding:96px 20px;position:relative}
.toolsSection::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#2e76224d 50%,transparent 100%)}
.toolsContainer{max-width:960px;margin:0 auto}
.toolsDisplay{margin-top:56px;display:flex;gap:40px;align-items:center}
.toolsImage{flex:0 0 420px}
.toolsImage img{width:100%;height:auto;border-radius:10px;box-shadow:0 16px 48px #0006}
.toolsFeatures{flex:1}
.featureRow{display:flex;align-items:flex-start;gap:20px;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #ffffff0d}
.featureRow:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.featureIcon{flex-shrink:0;width:44px;height:44px;background:linear-gradient(135deg,#1975f926 0%,#2e762226 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#1975F9}
.featureContent h4{font-size:17px;font-weight:600;color:#fff;margin:0 0 6px}
.featureContent p{font-size:15px;color:#8a8a9e;line-height:1.6;margin:0}
@media (max-width: 1024px) {
.heroHolder{flex-direction:column;text-align:center;gap:40px}
.heroVisual{flex:0 0 auto}
.heroVisual img{margin-left:0;width:100%;max-width:480px}
.heroTitle{font-size:40px}
.heroTitle::after{margin-left:auto;margin-right:auto}
.heroActions{justify-content:center}
.foundationGrid{grid-template-columns:repeat(2,1fr);gap:24px}
.securityContainer{flex-direction:column;gap:40px}
.securityImg{flex:0 0 auto;width:100%}
.ecosystemLayout{grid-template-columns:1fr;gap:40px}
.toolsDisplay{flex-direction:column;gap:32px}
.toolsImage{flex:0 0 auto;width:100%}
}
@media (max-width: 640px) {
.heroHolder{padding:56px 20px}
.heroTitle{font-size:32px}
.heroText{font-size:16px}
.btnPrimary,.btnSecondary{padding:12px 24px;font-size:15px;width:100%;text-align:center}
.platformBase,.securityZone,.experienceSection,.ecosystemArea,.toolsSection{padding:64px 20px}
.sectionTitle{font-size:28px}
.sectionDesc{font-size:16px}
.foundationGrid{grid-template-columns:1fr;gap:20px}
.foundCard{padding:32px 24px}
.securityTitle{font-size:26px}
.testimonialGrid{grid-template-columns:1fr;gap:24px}
.testimCard{padding:28px}
.featureRow{flex-direction:column;gap:12px}
.featureIcon{width:40px;height:40px}
}
.contactHero{background:linear-gradient(152deg,#0a0a14 0%,#1a1a2e 50%,#16213e 100%);padding:140px 20px 120px;position:relative;overflow:hidden}
.contactHero::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#1975f914 0%,transparent 70%);border-radius:50%}
.heroContentWrap{max-width:960px;margin:0 auto;position:relative;z-index:2}
.manifestoTxt{max-width:680px;color:#e8eaf0;font-size:19px;line-height:1.75;margin-bottom:45px}
.manifestoTxt p{margin-bottom:22px}
.dotTrail{display:flex;gap:14px;align-items:center;margin-top:50px}
.dotTrail span{width:9px;height:9px;background:#1975F9;border-radius:50%;display:block;opacity:.7;transition:opacity .4s ease}
.dotTrail span:nth-child(2){opacity:.5}
.dotTrail span:nth-child(3){opacity:.3}
.dotTrail span:nth-child(4){opacity:.2;width:7px;height:7px}
.dotTrail span:nth-child(5){opacity:.1;width:5px;height:5px}
.heroImgHolder{position:absolute;top:50%;right:8%;width:380px;height:480px;transform:translateY(-50%);mix-blend-mode:luminosity;opacity:.15}
.heroImgHolder img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.formSection{background:linear-gradient(195deg,#13131d 0%,#1a1a28 100%);padding:95px 20px}
.formContainer{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}
.formInfoSide h2{font-size:38px;color:#e8eaf0;margin-bottom:28px;line-height:1.25}
.formInfoSide p{color:#a8afc0;font-size:17px;line-height:1.65;margin-bottom:24px}
.formWrapper{background:#1975f908;padding:48px 42px;border-radius:10px;border:1px solid #1975f91f;box-shadow:0 8px 28px #00000059}
.formWrapper form{display:flex;flex-direction:column;gap:26px}
.inputGroup{display:flex;flex-direction:column;gap:10px}
.inputGroup label{font-size:14px;color:#c5c9d6;font-weight:500}
.inputGroup input,.inputGroup textarea{background:#0a0a1480;border:1px solid #a8afc026;border-radius:6px;padding:15px 18px;color:#e8eaf0;font-size:16px;transition:all .3s ease}
.inputGroup input:focus,.inputGroup textarea:focus{outline:none;border-color:#1975F9;box-shadow:0 0 0 3px #1975f91f;background:#0a0a14b3}
.inputGroup textarea{min-height:140px;resize:vertical}
.privacyCheckHolder{display:flex;gap:12px;align-items:start}
.privacyCheckHolder input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.privacyCheckHolder label{font-size:14px;color:#a8afc0;line-height:1.6}
.privacyCheckHolder a{color:#1975F9;text-decoration:none;transition:color .3s ease}
.privacyCheckHolder a:hover{color:#5ba3ff}
.submitBtn{background:linear-gradient(135deg,#1975F9 0%,#0d5cd1 100%);color:#fff;border:none;padding:16px 36px;border-radius:7px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 18px #1975f940}
.submitBtn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1975f959}
.submitBtn:active{transform:translateY(0)}
.detailsSection{background:linear-gradient(168deg,#0f0f1a 0%,#1a1a2e 100%);padding:90px 20px}
.detailsGrid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}
.detailCard{background:#2e76220a;padding:38px 30px;border-radius:8px;border-left:3px solid #2E7622;transition:all .4s ease}
.detailCard:hover{transform:translateY(-5px);box-shadow:0 12px 32px #2e762226;background:#2e762212}
.detailCard h3{font-size:19px;color:#e8eaf0;margin-bottom:16px}
.detailCard p{color:#a8afc0;font-size:15px;line-height:1.6;word-break:break-word}
.detailCard a{color:#1975F9;text-decoration:none;transition:color .3s ease}
.detailCard a:hover{color:#5ba3ff}
.mapSection{background:linear-gradient(147deg,#13131d 0%,#0a0a14 100%);padding:95px 20px}
.mapContentHolder{max-width:960px;margin:0 auto}
.mapContentHolder h2{font-size:36px;color:#e8eaf0;margin-bottom:18px;text-align:center}
.mapContentHolder > p{text-align:center;color:#a8afc0;font-size:17px;line-height:1.65;margin-bottom:50px;max-width:640px;margin-left:auto;margin-right:auto}
.addressDisplay{background:#f5e4f30a;padding:42px 48px;border-radius:10px;border:1px solid #f5e4f31a;text-align:center}
.addressDisplay h3{font-size:22px;color:#e8eaf0;margin-bottom:20px}
.addressDisplay p{color:#c5c9d6;font-size:18px;line-height:1.7}
.ctaSection{background:linear-gradient(183deg,#1a1a2e 0%,#16213e 50%,#0f0f1a 100%);padding:110px 20px;text-align:center;position:relative;overflow:hidden}
.ctaSection::after{content:'';position:absolute;bottom:-40%;left:-15%;width:600px;height:600px;background:radial-gradient(circle,#2e76220f 0%,transparent 70%);border-radius:50%}
.ctaContentBox{max-width:960px;margin:0 auto;position:relative;z-index:2}
.ctaContentBox h2{font-size:42px;color:#e8eaf0;margin-bottom:26px;line-height:1.2}
.ctaContentBox p{color:#a8afc0;font-size:18px;line-height:1.7;margin-bottom:45px;max-width:680px;margin-left:auto;margin-right:auto}
.ctaBtnGroup{display:flex;gap:22px;justify-content:center;flex-wrap:wrap}
.ctaPrimaryBtn{background:linear-gradient(135deg,#2E7622 0%,#1d4b16 100%);color:#fff;padding:17px 42px;border-radius:7px;text-decoration:none;font-size:17px;font-weight:600;transition:all .3s ease;display:inline-block;box-shadow:0 5px 18px #2e762240}
.ctaPrimaryBtn:hover{transform:translateY(-3px);box-shadow:0 8px 26px #2e762259}
.ctaSecondaryBtn{background:transparent;color:#1975F9;padding:17px 42px;border-radius:7px;text-decoration:none;font-size:17px;font-weight:600;border:2px solid #1975F9;transition:all .3s ease;display:inline-block}
.ctaSecondaryBtn:hover{background:#1975f914;transform:translateY(-3px)}
@media (max-width: 1024px) {
.formContainer{grid-template-columns:1fr;gap:50px}
.heroImgHolder{display:none}
.detailsGrid{grid-template-columns:repeat(2,1fr);gap:35px}
}
@media (max-width: 640px) {
.contactHero{padding:80px 20px 70px}
.manifestoTxt{font-size:17px}
.formSection{padding:60px 20px}
.formWrapper{padding:32px 24px}
.formInfoSide h2{font-size:30px}
.detailsSection{padding:60px 20px}
.detailsGrid{grid-template-columns:1fr;gap:25px}
.mapSection{padding:60px 20px}
.mapContentHolder h2{font-size:28px}
.addressDisplay{padding:32px 24px}
.ctaSection{padding:70px 20px}
.ctaContentBox h2{font-size:32px}
.ctaBtnGroup{flex-direction:column;align-items:stretch}
.ctaPrimaryBtn,.ctaSecondaryBtn{text-align:center}
}
.titleHero{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(137deg,#0a0a0f 0%,#141420 45%,#0d0d16 100%)}
.titleHero::before{content:'';position:absolute;top:0;right:0;width:58%;height:100%;background-image:url(./media_archive/media-13-260303.jpg);background-size:cover;background-position:center;opacity:.28;filter:brightness(0.7) saturate(0.85)}
.titleHero::after{content:'';position:absolute;top:15%;right:6%;width:280px;height:280px;background:radial-gradient(circle,#1975f926 0%,transparent 70%);border-radius:50%;filter:blur(40px);pointer-events:none}
.titleHero .contentWrap{max-width:960px;width:90%;margin:0 auto;position:relative;z-index:2;padding:60px 0}
.titleHero h1{font-size:2.8rem;font-weight:700;color:#f8f9fa;margin:0 0 28px;line-height:1.2;letter-spacing:-.02em}
.titleHero h1::after{content:'';display:block;width:74px;height:5px;background:linear-gradient(90deg,#1975F9 0%,#2E7622 100%);margin-top:18px;border-radius:3px}
.listHighlights{list-style:none;padding:0;margin:0 0 36px;display:flex;flex-direction:column;gap:14px}
.listHighlights li{position:relative;padding-left:32px;font-size:1.05rem;color:#d4d7dc;line-height:1.6}
.listHighlights li::before{content:'';position:absolute;left:0;top:7px;width:8px;height:8px;background:#1975F9;border-radius:50%;box-shadow:0 0 12px #1975f980}
.listHighlights li::after{content:'';position:absolute;left:16px;top:7px;width:6px;height:6px;background:#2E7622;border-radius:50%;opacity:.7}
.btnAction{display:inline-flex;align-items:center;padding:14px 34px;background:linear-gradient(125deg,#1975F9 0%,#1561d9 100%);color:#fff;text-decoration:none;font-size:1.05rem;font-weight:600;border-radius:8px;transition:all .3s ease;box-shadow:0 6px 20px #1975f959;position:relative;z-index:3}
.btnAction:hover{transform:translateY(-2px);box-shadow:0 10px 28px #1975f973;background:linear-gradient(125deg,#1561d9 0%,#1248b5 100%)}
.storySection{background:linear-gradient(165deg,#0f0f18 0%,#1a1a28 100%);padding:90px 0;position:relative}
.storySection::before{content:'';position:absolute;top:0;left:10%;width:420px;height:420px;background:radial-gradient(circle,#2e76221f 0%,transparent 65%);border-radius:50%;filter:blur(60px);pointer-events:none}
.storyInner{max-width:960px;width:90%;margin:0 auto;position:relative;z-index:1}
.storyGrid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.narrativeColumn h2{font-size:2.3rem;font-weight:700;color:#f8f9fa;margin:0 0 26px;line-height:1.25;position:relative;padding-left:18px}
.narrativeColumn h2::before{content:'';position:absolute;left:0;top:8px;width:5px;height:70%;background:linear-gradient(180deg,#1975F9 0%,#2E7622 100%);border-radius:3px}
.narrativeColumn p{font-size:1.05rem;line-height:1.75;color:#c8cdd3;margin:0 0 22px}
.narrativeColumn p:last-of-type{margin-bottom:0}
.teamShowcase{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.memberCard{background:linear-gradient(140deg,#161622 0%,#1d1d2e 100%);border-radius:12px;padding:26px;border:1px solid #1975f926;transition:all .35s ease;box-shadow:0 4px 16px #0000004d}
.memberCard:hover{transform:translateY(-4px);border-color:#1975f959;box-shadow:0 8px 24px #1975f933}
.memberCard .profileImg{width:100%;height:180px;border-radius:8px;object-fit:cover;margin-bottom:18px;border:2px solid #2e762233}
.memberCard h3{font-size:1.35rem;font-weight:700;color:#f8f9fa;margin:0 0 8px}
.memberCard .roleTag{font-size:.9rem;color:#1975F9;font-weight:600;margin-bottom:12px;display:block}
.memberCard p{font-size:.95rem;line-height:1.6;color:#b8bcc2;margin:0}
.valuesPanel{background:linear-gradient(145deg,#12121c 0%,#1a1a28 100%);border-radius:12px;padding:36px;margin-top:50px;border:1px solid #2e762233;position:relative;overflow:hidden}
.valuesPanel::before{content:'';position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,#f5e4f314 0%,transparent 70%);border-radius:50%;filter:blur(50px);pointer-events:none}
.valuesPanel h3{font-size:1.8rem;font-weight:700;color:#f8f9fa;margin:0 0 28px;position:relative}
.valuesPanel h3::after{content:'';display:inline-block;width:12px;height:12px;background:#2E7622;border-radius:3px;margin-left:12px;transform:rotate(45deg)}
.valuesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.valueItem{position:relative;padding:22px;background:#1975f90d;border-radius:10px;border-left:3px solid #1975F9;transition:all .3s ease}
.valueItem:nth-child(2){border-left-color:#2E7622;background:#2e76220d}
.valueItem:nth-child(3){border-left-color:#F5E4F3;background:#f5e4f308}
.valueItem:hover{transform:translateX(4px);background:#1975f91a}
.valueItem h4{font-size:1.15rem;font-weight:700;color:#f8f9fa;margin:0 0 10px}
.valueItem p{font-size:.95rem;line-height:1.6;color:#c0c4ca;margin:0}
@media (max-width: 1024px) {
.titleHero h1{font-size:2.3rem}
.storyGrid{grid-template-columns:1fr;gap:40px}
.valuesGrid{grid-template-columns:1fr;gap:20px}
}
@media (max-width: 640px) {
.titleHero{min-height:440px}
.titleHero::before{width:100%;opacity:.18}
.titleHero h1{font-size:1.9rem}
.listHighlights li{font-size:1rem}
.btnAction{width:100%;justify-content:center}
.storySection{padding:60px 0}
.narrativeColumn h2{font-size:1.8rem}
.teamShowcase{grid-template-columns:1fr}
.valuesPanel{padding:28px 20px}
}
.successMain{background:linear-gradient(135deg,#0a0d1a 0%,#1a1f3a 50%,#0f1628 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;position:relative;overflow:hidden}
.successMain::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#1975f908 1px,transparent 1px);background-size:50px 50px;animation:moveStars 60s linear infinite}
@keyframes moveStars {
0%{transform:translate(0,0)}
100%{transform:translate(50px,50px)}
}
.confirmHolder{max-width:660px;width:100%;background:#0f1423b3;border:1px solid #1975f933;border-radius:8px;padding:3.5rem 2rem;position:relative;z-index:1;box-shadow:0 8px 32px #1975f914 inset 0 1px 0 #ffffff0d}
.iconArea{text-align:center;margin-bottom:2rem}
.checkCircle{display:inline-flex;align-items:center;justify-content:center;width:85px;height:85px;background:linear-gradient(145deg,#2e762226,#2e76220d);border:2px solid #2e762266;border-radius:50%;position:relative;animation:pulseGlow 2s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{box-shadow:0 0 20px #2e76224d}
50%{box-shadow:0 0 35px #2e762280}
}
.checkCircle svg{width:45px;height:45px;fill:#2E7622;filter:drop-shadow(0 2px 8px #2e762266)}
.msgContent h1{font-size:2.2rem;color:#F5E4F3;margin:0 0 1.5rem;text-align:center;line-height:1.3;font-weight:600}
.msgContent h1::after{content:'';display:block;width:60px;height:3px;background:linear-gradient(90deg,transparent,#1975F9,transparent);margin:1.2rem auto 0}
.textBox{color:#f5e4f3d9;font-size:1.05rem;line-height:1.75;margin-bottom:2.5rem;text-align:center}
.textBox p{margin:0 0 1rem}
.textBox p:last-child{margin-bottom:0}
.detailsGrid{background:#1975f90d;border-left:3px solid #1975F9;padding:1.5rem;margin-bottom:2.5rem;border-radius:4px}
.detailsGrid p{margin:0 0 .7rem;color:#f5e4f3e6;font-size:.95rem;line-height:1.6}
.detailsGrid p:last-child{margin-bottom:0}
.detailsGrid strong{color:#F5E4F3;font-weight:600}
.btnRow{display:flex;flex-direction:column;gap:1rem;align-items:center}
.primaryBtn{display:inline-block;padding:.9rem 2.5rem;background:linear-gradient(135deg,#1975F9 0%,#1557b8 100%);color:#F5E4F3;text-decoration:none;border-radius:6px;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 15px #1975f940;border:1px solid #1975f94d;position:relative;overflow:hidden}
.primaryBtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffffff26,transparent);transition:left .5s ease}
.primaryBtn:hover::before{left:100%}
.primaryBtn:hover{transform:translateY(-2px);box-shadow:0 6px 22px #1975f959}
.secondaryBtn{color:#f5e4f3d9;text-decoration:none;font-size:.95rem;border-bottom:1px solid #f5e4f34d;transition:all .3s ease;padding-bottom:2px}
.secondaryBtn:hover{color:#1975F9;border-bottom-color:#1975F9}
.decorShape{position:absolute;border-radius:50%;opacity:.08;pointer-events:none}
.decorShape1{width:180px;height:180px;background:radial-gradient(circle,#2E7622,transparent);top:-90px;right:-90px}
.decorShape2{width:140px;height:140px;background:radial-gradient(circle,#1975F9,transparent);bottom:-70px;left:-70px}
@media (max-width: 640px) {
.successMain{padding:2rem 1rem;min-height:80vh}
.confirmHolder{padding:2.5rem 1.5rem}
.msgContent h1{font-size:1.75rem}
.checkCircle{width:70px;height:70px}
.checkCircle svg{width:38px;height:38px}
.textBox{font-size:1rem}
.primaryBtn{width:100%;text-align:center}
}