@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap";
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Fira Code',monospace;background:#0a0e14;color:#FFF;line-height:1.6;overflow-x:hidden}
.mainheader{position:relative;width:100%;background:linear-gradient(135deg,#23313D 0%,#1a2530 100%);box-shadow:0 4px 8px #0009}
.header-banner{width:100%;padding:40px 0;background:#23313d4d;border-bottom:2px solid #72fffc33;overflow:hidden}
.bannertxt{font-size:72px;font-weight:700;text-align:center;color:#72fffc26;letter-spacing:12px;text-transform:uppercase;user-select:none}
.header-overlay{position:relative;width:100%;background:#0a0e14cc;border-bottom:1px solid #72fffc4d}
.headwrap{max-width:1440px;margin:0 auto;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;gap:40px}
.logobox{flex-shrink:0}
.logolink{display:block;width:110px;height:110px}
.logoimg{width:100%;height:100%;object-fit:contain;background:#72fffc0d;border:2px solid #72fffc4d;border-radius:6px;padding:8px;box-shadow:0 0 20px #72fffc33}
.navi{display:flex;gap:36px;align-items:center;flex-wrap:wrap}
.navlink{color:#72FFFC;text-decoration:none;font-size:16px;font-weight:400;padding:10px 18px;border:1px solid transparent;transition:all .2s ease;white-space:nowrap}
.navlink:hover{color:#FFF;background:#72fffc1a;border-color:#72fffc66}
.foot{width:100%;background:linear-gradient(180deg,#1a2530 0%,#23313D 100%);border-top:3px solid #72FFFC;padding:60px 0 30px;margin-top:80px}
.footcontainer{max-width:1440px;margin:0 auto;padding:0 40px}
.footgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:50px;margin-bottom:50px}
.footcol{display:flex;flex-direction:column;gap:20px}
.foottitle{font-size:28px;font-weight:700;color:#72FFFC;margin-bottom:10px;text-shadow:0 0 12px #72fffc66}
.foottext{font-size:14px;color:#fffc;line-height:1.8}
.contactinfo2{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.infoline3{font-size:14px;color:#ffffffb3}
.foothead{font-size:20px;font-weight:700;color:#72FFFC;margin-bottom:8px}
.footlist{list-style:none;display:flex;flex-direction:column;gap:12px}
.footlink2{color:#fffc;text-decoration:none;font-size:15px;transition:color .2s ease}
.footlink2:hover{color:#72FFFC}
.footbottom{border-top:1px solid #72fffc4d;padding-top:30px;text-align:center}
.copyright3{font-size:14px;color:#fff9}
.cookiepop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;justify-content:center;align-items:center;z-index:10000;opacity:0;transition:opacity .3s ease}
.cookiepop.showing{opacity:1}
.cookiepop.hiding{opacity:0}
.cookiecontent{background:linear-gradient(135deg,#23313D 0%,#1a2530 100%);border:2px solid #72FFFC;padding:40px;max-width:600px;width:90%;box-shadow:0 8px 32px #72fffc4d}
.cookiehead{font-size:24px;font-weight:700;color:#72FFFC;margin-bottom:16px;text-shadow:0 0 10px #72fffc80}
.cookietxt{font-size:15px;color:#ffffffe6;margin-bottom:24px;line-height:1.6}
.cookieopts{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}
.checklabel{display:flex;align-items:center;gap:12px;font-size:15px;color:#FFF;cursor:pointer}
.cookiecheck{width:20px;height:20px;cursor:pointer;accent-color:#72FFFC}
.cookiebutts{display:flex;gap:16px;justify-content:center}
.cookiebutt{padding:14px 32px;font-family:'Fira Code',monospace;font-size:15px;font-weight:700;border:2px solid #72FFFC;background:transparent;color:#72FFFC;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}
.acceptbutt:hover{background:#72FFFC;color:#23313D;box-shadow:0 0 16px #72fffc99}
.declinebutt{border-color:#ffffff80;color:#fffc}
.declinebutt:hover{background:#ffffff1a;border-color:#FFF;color:#FFF}
@media (max-width: 1024px) {
.headwrap{flex-direction:column;gap:24px;padding:20px}
.navi{justify-content:center;gap:20px}
.bannertxt{font-size:48px;letter-spacing:8px}
}
@media (max-width: 768px) {
.bannertxt{font-size:36px;letter-spacing:6px;padding:0 20px}
.header-banner{padding:30px 0}
.logolink{width:90px;height:90px}
.navi{flex-direction:column;gap:12px;width:100%}
.navlink{width:100%;text-align:center;padding:12px}
.footgrid{grid-template-columns:1fr;gap:40px}
.cookiecontent{padding:30px 20px}
.cookiebutts{flex-direction:column}
.cookiebutt{width:100%}
}
@media (max-width: 480px) {
.bannertxt{font-size:28px;letter-spacing:4px}
.logolink{width:70px;height:70px}
.navlink{font-size:15px}
.cookiehead{font-size:20px}
.cookietxt{font-size:14px}
}
.doc-area{max-width:1440px;margin:0 auto;padding:80px 20px 120px;background:#0a0e12;color:#FFF}
.doc-area h1{font-size:48px;font-weight:700;line-height:1.2;color:#72FFFC;margin:0 0 40px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 20px #72fffc4d}
.doc-area h2{font-size:36px;font-weight:600;line-height:1.3;color:#72FFFC;margin:60px 0 30px;padding-bottom:12px;border-bottom:2px solid #72fffc33}
.doc-area h3{font-size:28px;font-weight:600;line-height:1.4;color:#FFF;margin:50px 0 25px}
.doc-area h4{font-size:22px;font-weight:600;line-height:1.4;color:#FFF;margin:40px 0 20px}
.doc-area h5{font-size:18px;font-weight:600;line-height:1.5;color:#72FFFC;margin:30px 0 15px}
.doc-area h6{font-size:16px;font-weight:600;line-height:1.5;color:#FFF;margin:25px 0 12px;text-transform:uppercase;letter-spacing:.5px}
.doc-area p{font-size:16px;line-height:1.8;color:#ffffffd9;margin:0 0 20px}
.doc-area ul{list-style:none;margin:0 0 30px;padding:0}
.doc-area ul li{font-size:16px;line-height:1.8;color:#ffffffd9;margin:0 0 12px;padding-left:30px;position:relative}
.doc-area ul li::before{content:'';position:absolute;left:0;top:12px;width:8px;height:8px;background:#72FFFC;box-shadow:0 0 8px #72fffc80}
.doc-area ol{list-style:none;counter-reset:policy-counter;margin:0 0 30px;padding:0}
.doc-area ol li{font-size:16px;line-height:1.8;color:#ffffffd9;margin:0 0 12px;padding-left:40px;position:relative;counter-increment:policy-counter}
.doc-area ol li::before{content:counter(policy-counter) ".";position:absolute;left:0;font-weight:600;color:#72FFFC;text-shadow:0 0 8px #72fffc66}
.doc-area strong,.doc-area b{font-weight:700;color:#FFF}
.doc-area em,.doc-area i{font-style:italic;color:#72fffce6}
.doc-area a{color:#72FFFC;text-decoration:none;border-bottom:1px solid #72fffc4d;transition:all .3s ease}
.doc-area a:hover{color:#FFF;border-bottom-color:#72FFFC;text-shadow:0 0 8px #72fffc99}
.doc-area table{width:100%;border-collapse:collapse;margin:40px 0;background:#23313d4d;border:1px solid #72fffc33;box-shadow:0 4px 8px #0000004d}
.doc-area thead{background:#23313d99}
.doc-area thead tr{border-bottom:2px solid #72FFFC}
.doc-area th{padding:16px 20px;text-align:left;font-size:15px;font-weight:700;color:#72FFFC;text-transform:uppercase;letter-spacing:.5px}
.doc-area tbody tr{border-bottom:1px solid #72fffc1a}
.doc-area tbody tr:hover{background:#72fffc0d}
.doc-area td{padding:14px 20px;font-size:15px;line-height:1.6;color:#ffffffd9}
.doc-area hr{border:none;height:1px;background:linear-gradient(to right,transparent,#72fffc80,transparent);margin:60px 0;box-shadow:0 0 10px #72fffc4d}
@media (max-width: 1024px) {
.doc-area{padding:60px 20px 100px}
.doc-area h1{font-size:38px;margin-bottom:30px}
.doc-area h2{font-size:30px;margin-top:50px}
.doc-area h3{font-size:24px}
}
@media (max-width: 768px) {
.doc-area{padding:40px 16px 80px}
.doc-area h1{font-size:32px;margin-bottom:25px}
.doc-area h2{font-size:26px;margin-top:40px}
.doc-area h3{font-size:22px}
.doc-area h4{font-size:19px}
.doc-area table{font-size:14px}
.doc-area th,.doc-area td{padding:12px 14px}
}
@media (max-width: 480px) {
.doc-area{padding:30px 12px 60px}
.doc-area h1{font-size:28px;margin-bottom:20px}
.doc-area h2{font-size:22px;margin-top:30px;margin-bottom:20px}
.doc-area h3{font-size:19px}
.doc-area p,.doc-area ul li,.doc-area ol li{font-size:15px}
.doc-area ul li{padding-left:25px}
.doc-area ol li{padding-left:35px}
.doc-area table{display:block;overflow-x:auto}
.doc-area th,.doc-area td{padding:10px 12px;font-size:13px}
}
.herozone{position:relative;min-height:580px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#1a242e 0%,#23313d 100%);margin-bottom:0}
.herozone .herozone-img{position:absolute;right:-120px;top:0;height:100%;width:55%;z-index:1}
.herozone .herozone-img img{width:100%;height:100%;object-fit:cover;transform:translateZ(0);will-change:transform;transition:transform .3s ease-out}
.herozone .deco1{position:absolute;top:80px;left:15%;width:140px;height:140px;background:#72fffc14;border-radius:8px;transform:rotate(-12deg);z-index:2}
.herozone .deco2{position:absolute;bottom:120px;right:35%;width:90px;height:90px;background:#72fffc0d;border-radius:6px;transform:rotate(25deg);z-index:2}
.herozone .textcont{position:relative;z-index:3;max-width:1440px;width:100%;margin:0 auto;padding:60px 24px}
.herozone .mainhed{font-size:52px;line-height:1.15;color:#fff;font-weight:700;max-width:580px;margin-bottom:22px}
.herozone .mainhed .accent{color:#72fffc;position:relative;display:inline-block}
.herozone .mainhed .accent::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#72fffc 0%,#72fffc66 100%);border-radius:2px}
.platforminfo{background:#1a242e;padding:90px 24px;position:relative}
.platforminfo::before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,#72fffc00 0%,#72fffc4d 50%,#72fffc00 100%)}
.platforminfo .wrapper{max-width:1440px;width:100%;margin:0 auto}
.platforminfo .heading2{font-size:38px;line-height:1.2;color:#fff;font-weight:700;margin-bottom:48px;position:relative;display:inline-block}
.platforminfo .heading2::before{content:'';position:absolute;left:-28px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:#72fffc;border-radius:4px}
.platforminfo .gridlayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.platforminfo .featurecard{background:#23313d99;padding:38px 28px;border-radius:6px;border:1px solid #72fffc26;position:relative;transition:all .25s ease}
.platforminfo .featurecard:hover{transform:translateY(-6px);border-color:#72fffc66;box-shadow:0 6px 16px #0006}
.platforminfo .featurecard .iconbox{width:54px;height:54px;background:#72fffc1f;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.platforminfo .featurecard .iconbox svg{width:28px;height:28px;fill:#72fffc}
.platforminfo .featurecard .heading3{font-size:22px;line-height:1.3;color:#fff;font-weight:600;margin-bottom:14px}
.platforminfo .featurecard .txt{font-size:16px;line-height:1.6;color:#ffffffbf;margin-bottom:12px}
.platforminfo .featurecard .imgwrap{width:100%;height:180px;border-radius:4px;overflow:hidden;margin-top:20px;position:relative}
.platforminfo .featurecard .imgwrap::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#23313d00 0%,#23313db3 100%);pointer-events:none}
.platforminfo .featurecard .imgwrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.platforminfo .featurecard:hover .imgwrap img{transform:scale(1.08)}
.trialzone{background:linear-gradient(135deg,#23313d 0%,#1a242e 100%);padding:85px 24px;position:relative}
.trialzone .wrapper{max-width:1440px;width:100%;margin:0 auto}
.trialzone .splitlayout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.trialzone .leftside .heading2{font-size:36px;line-height:1.25;color:#fff;font-weight:700;margin-bottom:26px}
.trialzone .leftside .txt{font-size:17px;line-height:1.65;color:#fffc;margin-bottom:18px}
.trialzone .leftside .checklist{list-style:none;padding:0;margin:32px 0}
.trialzone .leftside .checklist li{position:relative;padding-left:36px;margin-bottom:16px;font-size:16px;line-height:1.5;color:#ffffffd9}
.trialzone .leftside .checklist li::before{content:'';position:absolute;left:0;top:4px;width:20px;height:20px;background:#72fffc;border-radius:3px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") center / contain no-repeat}
.trialzone .leftside .ctabutt{display:inline-block;padding:16px 42px;background:#72fffc;color:#23313d;font-size:17px;font-weight:600;text-decoration:none;border-radius:6px;transition:all .25s ease;box-shadow:0 4px 12px #72fffc4d;position:relative;z-index:10}
.trialzone .leftside .ctabutt:hover{background:#5ce8e5;box-shadow:0 6px 18px #72fffc80;transform:translateY(-2px)}
.trialzone .rightside{position:relative}
.trialzone .rightside .imgmain{width:100%;height:420px;border-radius:8px;overflow:hidden;border:2px solid #72fffc33;box-shadow:0 8px 24px #00000080}
.trialzone .rightside .imgmain img{width:100%;height:100%;object-fit:cover}
.trialzone .rightside .statcard{position:absolute;bottom:-30px;right:-30px;background:#23313df2;padding:24px 32px;border-radius:6px;border:1px solid #72fffc4d;box-shadow:0 6px 20px #0009;backdrop-filter:blur(8px)}
.trialzone .rightside .statcard .num{font-size:42px;line-height:1;color:#72fffc;font-weight:700;margin-bottom:8px}
.trialzone .rightside .statcard .lbl{font-size:15px;line-height:1.3;color:#fffc}
@media (max-width: 1024px) {
.herozone{min-height:480px}
.herozone .herozone-img{width:50%;right:-80px}
.herozone .mainhed{font-size:42px;max-width:480px}
.platforminfo .gridlayout{grid-template-columns:1fr 1fr}
.trialzone .splitlayout{grid-template-columns:1fr;gap:48px}
.trialzone .rightside .statcard{right:20px;bottom:-20px}
}
@media (max-width: 768px) {
.herozone{min-height:420px}
.herozone .herozone-img{width:100%;right:0;opacity:.3}
.herozone .mainhed{font-size:36px;max-width:100%}
.herozone .textcont{padding:40px 20px}
.platforminfo{padding:60px 20px}
.platforminfo .gridlayout{grid-template-columns:1fr;gap:24px}
.platforminfo .heading2{font-size:32px;margin-bottom:36px}
.trialzone{padding:60px 20px}
.trialzone .leftside .heading2{font-size:30px}
.trialzone .rightside .imgmain{height:320px}
.trialzone .rightside .statcard{position:static;margin-top:20px}
}
@media (max-width: 480px) {
.herozone .mainhed{font-size:28px}
.platforminfo .heading2{font-size:26px}
.platforminfo .heading2::before{display:none}
.trialzone .leftside .heading2{font-size:26px}
.trialzone .leftside .ctabutt{width:100%;text-align:center}
}
.titlezone{background:linear-gradient(135deg,#23313D 0%,#1a242e 100%);padding:120px 20px 100px;position:relative;overflow:hidden}
.titlezone::before{content:'';position:absolute;top:20%;left:10%;width:200px;height:200px;background:radial-gradient(circle,#72fffc26 0%,transparent 70%);border-radius:50%}
.titlezone::after{content:'';position:absolute;bottom:15%;right:15%;width:150px;height:150px;background:radial-gradient(circle,#72fffc1a 0%,transparent 70%);border-radius:50%}
.titlewrap{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative}
.txtside h1{font-size:56px;line-height:1.1;color:#FFF;margin:0 0 24px;font-weight:700}
.txtside h1 .highlight{color:#72FFFC;position:relative;display:inline-block}
.txtside h1 .highlight::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#72FFFC 0%,transparent 100%)}
.txtside p{font-size:20px;line-height:1.6;color:#ffffffd9;margin:0}
.imgside{position:relative}
.imgside img{width:100%;height:480px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #0006;position:relative;z-index:1}
.imgside::before{content:'';position:absolute;top:-20px;right:-20px;width:100%;height:100%;background:linear-gradient(135deg,#72fffc33 0%,transparent 100%);border-radius:8px;z-index:0}
.dotline{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);display:flex;gap:12px}
.dotline span{width:8px;height:8px;background:#72FFFC;border-radius:50%;opacity:.6}
.dotline span:nth-child(2){opacity:.4}
.dotline span:nth-child(3){opacity:.2}
.maincont{background:#1a242e;padding:100px 20px}
.contentwrap{max-width:1440px;margin:0 auto}
.splitlayout{display:flex;gap:60px;align-items:flex-start}
.leftcol{flex:1;background:#23313D;padding:48px;border-radius:8px;box-shadow:0 4px 16px #0000004d;position:relative}
.leftcol::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#72FFFC 0%,transparent 100%);border-radius:8px 0 0 8px}
.leftcol h2{font-size:36px;line-height:1.2;color:#FFF;margin:0 0 28px;font-weight:600}
.leftcol p{font-size:18px;line-height:1.7;color:#fffc;margin:0 0 20px}
.leftcol p:last-child{margin-bottom:0}
.rightcol{flex:1;display:flex;flex-direction:column;gap:32px}
.featurebox{background:#23313d99;padding:32px;border-radius:8px;border:1px solid #72fffc26;position:relative;overflow:hidden;transition:all .3s ease}
.featurebox::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#72fffc0d 0%,transparent 100%);opacity:0;transition:opacity .3s ease}
.featurebox:hover{border-color:#72fffc66;box-shadow:0 6px 20px #72fffc1a}
.featurebox:hover::before{opacity:1}
.featurebox h3{font-size:24px;line-height:1.3;color:#72FFFC;margin:0 0 16px;font-weight:600;position:relative;z-index:1}
.featurebox p{font-size:16px;line-height:1.6;color:#ffffffbf;margin:0;position:relative;z-index:1}
.imagegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.gridimg{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 4px 12px #0000004d}
.gridimg img{width:100%;height:280px;object-fit:cover;transition:transform .4s ease}
.gridimg:hover img{transform:scale(1.05)}
.gridimg::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,#23313d99 100%);opacity:0;transition:opacity .4s ease}
.gridimg:hover::after{opacity:1}
@media (max-width: 1024px) {
.titlewrap{grid-template-columns:1fr;gap:48px}
.txtside h1{font-size:44px}
.splitlayout{flex-direction:column;gap:48px}
.imagegrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.titlezone{padding:80px 20px 60px}
.txtside h1{font-size:36px}
.txtside p{font-size:18px}
.imgside img{height:320px}
.leftcol{padding:32px}
.leftcol h2{font-size:28px}
.featurebox{padding:24px}
.featurebox h3{font-size:20px}
.imagegrid{grid-template-columns:1fr;gap:20px}
.gridimg img{height:240px}
}
@media (max-width: 480px) {
.txtside h1{font-size:28px}
.txtside p{font-size:16px}
.leftcol h2{font-size:24px}
.leftcol p{font-size:16px}
.featurebox h3{font-size:18px}
.featurebox p{font-size:15px}
.dotline{gap:8px}
.dotline span{width:6px;height:6px}
}
.contacttop{position:relative;min-height:480px;background:linear-gradient(125deg,#23313D 0%,#1a242e 100%);overflow:hidden;display:flex;align-items:center;padding:80px 20px}
.contacttop::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#72fffc26 0%,transparent 70%);border-radius:50%;animation:floatshape1 8s ease-in-out infinite}
.contacttop::after{content:'';position:absolute;bottom:-30%;left:-15%;width:450px;height:450px;background:radial-gradient(circle,#72fffc1a 0%,transparent 70%);border-radius:50%;animation:floatshape2 10s ease-in-out infinite}
@keyframes floatshape1 {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,40px) scale(1.1)}
}
@keyframes floatshape2 {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(40px,-30px) scale(0.95)}
}
.topwrap{max-width:1440px;width:100%;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.toptext{color:#FFF}
.toptext h1{font-size:52px;font-weight:700;margin:0 0 24px;line-height:1.1;background:linear-gradient(135deg,#FFF 0%,#72FFFC 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.toptext .subdesc{font-size:18px;line-height:1.6;color:#ffffffd9;margin:0}
.topimg{position:relative;height:380px;border-radius:8px;overflow:hidden;box-shadow:0 12px 40px #0006 0 0 80px #72fffc33}
.topimg img{width:100%;height:100%;object-fit:cover;object-position:center}
.topimg::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#23313d4d 0%,#72fffc26 100%);z-index:1}
.contactmain{background:#1a242e;padding:100px 20px}
.mainwrap{max-width:1440px;width:100%;margin:0 auto;display:grid;grid-template-columns:420px 1fr;gap:80px}
.infoside{background:#23313D;padding:50px 40px;border-radius:8px;box-shadow:0 4px 16px #0000004d;height:fit-content}
.infoside h2{font-size:28px;font-weight:600;color:#72FFFC;margin:0 0 32px;position:relative;padding-bottom:16px}
.infoside h2::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#72FFFC 0%,transparent 100%)}
.infoitem{margin:0 0 28px}
.infoitem:last-child{margin:0}
.infoitem .label{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#72fffcb3;margin:0 0 8px;font-weight:600}
.infoitem .val{font-size:16px;color:#FFF;margin:0;line-height:1.5}
.infoitem .val a{color:#FFF;text-decoration:none;transition:color .3s ease}
.infoitem .val a:hover{color:#72FFFC}
.formside{background:#23313D;padding:50px 60px;border-radius:8px;box-shadow:0 4px 16px #0000004d}
.formside h2{font-size:32px;font-weight:600;color:#FFF;margin:0 0 12px}
.formside .formdesc{font-size:16px;color:#ffffffbf;margin:0 0 40px;line-height:1.5}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 24px}
.fieldwrap{display:flex;flex-direction:column}
.fieldwrap.full{grid-column:1 / -1}
.fieldwrap label{font-size:14px;color:#72FFFC;margin:0 0 8px;font-weight:500}
.fieldwrap input,.fieldwrap textarea{background:#1a242e;border:2px solid #72fffc4d;border-radius:6px;padding:14px 16px;font-size:15px;color:#FFF;transition:border-color .3s ease,box-shadow .3s ease}
.fieldwrap input:focus,.fieldwrap textarea:focus{outline:none;border-color:#72FFFC;box-shadow:0 0 0 3px #72fffc26}
.fieldwrap textarea{resize:vertical;min-height:140px}
.privacyrow{margin:28px 0 32px;display:flex;align-items:flex-start}
.privacyrow input[type="checkbox"]{width:18px;height:18px;margin:3px 12px 0 0;flex-shrink:0;cursor:pointer;accent-color:#72FFFC}
.privacyrow label{font-size:14px;color:#fffc;line-height:1.5;cursor:pointer}
.privacyrow label a{color:#72FFFC;text-decoration:none;transition:opacity .3s ease}
.privacyrow label a:hover{opacity:.8}
.submitbutt{background:linear-gradient(135deg,#72FFFC 0%,#5ce5e3 100%);border:none;border-radius:6px;padding:16px 48px;font-size:16px;font-weight:600;color:#23313D;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #72fffc4d}
.submitbutt:hover{transform:translateY(-2px);box-shadow:0 6px 20px #72fffc80}
.submitbutt:active{transform:translateY(0)}
@media (max-width: 1024px) {
.topwrap{grid-template-columns:1fr;gap:40px}
.toptext h1{font-size:42px}
.mainwrap{grid-template-columns:1fr;gap:50px}
.formside{padding:40px}
}
@media (max-width: 768px) {
.contacttop{min-height:360px;padding:60px 20px}
.toptext h1{font-size:36px;margin:0 0 20px}
.toptext .subdesc{font-size:16px}
.topimg{height:280px}
.contactmain{padding:70px 20px}
.infoside{padding:35px 30px}
.formside{padding:35px 30px}
.formside h2{font-size:28px}
.formgrid{grid-template-columns:1fr;gap:20px}
}
@media (max-width: 480px) {
.toptext h1{font-size:30px}
.topimg{height:220px}
.contactmain{padding:50px 15px}
.infoside,.formside{padding:28px 20px}
.formside h2{font-size:24px}
.submitbutt{width:100%;padding:14px 32px}
}
.titleblk{position:relative;width:100%;max-width:1440px;margin:0 auto 80px;min-height:520px;background:linear-gradient(135deg,#23313D 0%,#1a252e 100%);overflow:hidden}
.titleblk .imgmosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,260px);gap:8px;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.25}
.titleblk .imgmosaic .fragm{background-size:cover;background-position:center;filter:grayscale(0.6);clip-path:polygon(0 0,100% 0,100% 85%,0 100%)}
.titleblk .imgmosaic .fragm:nth-child(1){background-image:url(./graphics_folder/tmp-mycontent12.jpg);grid-column:1 / 2}
.titleblk .imgmosaic .fragm:nth-child(2){background-image:url(./graphics_folder/best-picture13.jpg);grid-column:2 / 3;clip-path:polygon(0 15%,100% 0,100% 100%,0 85%)}
.titleblk .imgmosaic .fragm:nth-child(3){background-image:url(./graphics_folder/tmp-mycontent12.jpg);grid-column:3 / 4}
.titleblk .imgmosaic .fragm:nth-child(4){background-image:url(./graphics_folder/best-picture13.jpg);grid-column:1 / 3;grid-row:2}
.titleblk .txtoverlay{position:relative;z-index:2;max-width:780px;margin:0 auto;padding:100px 24px 80px;text-align:center}
.titleblk .txtoverlay::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#72fffc05 2px,#72fffc05 4px);pointer-events:none}
.titleblk h1{font-size:58px;line-height:1.1;color:#72FFFC;margin:0 0 28px;text-shadow:0 0 40px #72fffc66;letter-spacing:-.02em}
.titleblk .subtext{font-size:19px;line-height:1.6;color:#ffffffd9;margin:0}
@media (max-width: 768px) {
.titleblk{min-height:420px;margin-bottom:60px}
.titleblk .imgmosaic{grid-template-columns:repeat(2,1fr)}
.titleblk .imgmosaic .fragm:nth-child(3){display:none}
.titleblk .txtoverlay{padding:70px 20px 60px}
.titleblk h1{font-size:38px;margin-bottom:20px}
.titleblk .subtext{font-size:17px}
}
.progbox{width:100%;max-width:1440px;margin:0 auto 100px;padding:0 24px}
.progbox .innerwrap{background:#1a252e;border:2px solid #72fffc26;padding:64px 48px}
.progbox h2{font-size:42px;color:#FFF;margin:0 0 16px;text-align:center}
.progbox .intro{font-size:18px;line-height:1.7;color:#ffffffbf;max-width:720px;margin:0 auto 56px;text-align:center}
.progbox .stepscontainer{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;position:relative}
.progbox .stepscontainer::before{content:'';position:absolute;top:36px;left:60px;right:60px;height:3px;background:linear-gradient(90deg,#72FFFC 0%,#72FFFC 25%,#72fffc4d 25%,#72fffc4d 50%,#72fffc4d 75%,#72fffc4d 100%)}
.progbox .stepitem{position:relative;text-align:center;padding-top:92px}
.progbox .stepitem .numbr{position:absolute;top:0;left:50%;transform:translateX(-50%);width:72px;height:72px;background:#23313D;border:4px solid #72FFFC;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#72FFFC;box-shadow:0 0 24px #72fffc4d;z-index:2}
.progbox .stepitem.inactive .numbr{border-color:#72fffc4d;box-shadow:none;color:#72fffc80}
.progbox .stepitem h3{font-size:20px;color:#72FFFC;margin:0 0 12px}
.progbox .stepitem.inactive h3{color:#ffffff80}
.progbox .stepitem .desc{font-size:15px;line-height:1.5;color:#ffffffb3}
.progbox .stepitem.inactive .desc{color:#fff6}
@media (max-width: 1024px) {
.progbox .stepscontainer{grid-template-columns:repeat(2,1fr)}
.progbox .stepscontainer::before{display:none}
}
@media (max-width: 768px) {
.progbox{margin-bottom:70px}
.progbox .innerwrap{padding:44px 28px}
.progbox h2{font-size:32px}
.progbox .stepscontainer{grid-template-columns:1fr;gap:48px}
.progbox .stepitem{padding-top:0;padding-left:88px;text-align:left}
.progbox .stepitem .numbr{left:0;transform:none}
}
.modulesec{width:100%;background:linear-gradient(180deg,#23313D 0%,#1a252e 100%);padding:90px 0;margin-bottom:100px}
.modulesec .wrap{max-width:1440px;margin:0 auto;padding:0 24px}
.modulesec h2{font-size:46px;color:#FFF;margin:0 0 64px;text-align:left;position:relative;padding-left:28px}
.modulesec h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:80%;background:#72FFFC;box-shadow:0 0 16px #72fffc99}
.modulesec .modulegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.modulesec .modcard{background:#ffffff0a;border:1px solid #72fffc33;padding:36px 28px;position:relative;transition:all .3s ease}
.modulesec .modcard::after{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#72FFFC 0%,transparent 100%);opacity:0;transition:opacity .3s ease}
.modulesec .modcard:hover{background:#72fffc14;border-color:#72FFFC;transform:translateY(-4px);box-shadow:0 8px 24px #72fffc33}
.modulesec .modcard:hover::after{opacity:1}
.modulesec .modcard h3{font-size:22px;color:#72FFFC;margin:0 0 16px}
.modulesec .modcard .descr{font-size:16px;line-height:1.6;color:#ffffffbf;margin:0 0 20px}
.modulesec .modcard .detlist{list-style:none;padding:0;margin:0}
.modulesec .modcard .detlist li{font-size:14px;color:#ffffffa6;padding-left:20px;position:relative;margin-bottom:8px}
.modulesec .modcard .detlist li::before{content:'→';position:absolute;left:0;color:#72FFFC}
@media (max-width: 1024px) {
.modulesec .modulegrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.modulesec{padding:60px 0;margin-bottom:70px}
.modulesec h2{font-size:34px;margin-bottom:40px}
.modulesec .modulegrid{grid-template-columns:1fr}
}
.formatblock{width:100%;max-width:1440px;margin:0 auto 100px;padding:0 24px}
.formatblock .splitlayout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.formatblock .leftside h2{font-size:44px;color:#FFF;margin:0 0 24px;line-height:1.2}
.formatblock .leftside .txtblk{font-size:17px;line-height:1.7;color:#ffffffbf;margin-bottom:20px}
.formatblock .rightside .optionsbox{background:linear-gradient(135deg,#72fffc14 0%,#23313d66 100%);border:2px solid #72fffc40;padding:44px 36px}
.formatblock .optionsbox .optionitem{margin-bottom:32px}
.formatblock .optionsbox .optionitem:last-child{margin-bottom:0}
.formatblock .optionsbox .optionitem h4{font-size:24px;color:#72FFFC;margin:0 0 12px;display:flex;align-items:center;gap:12px}
.formatblock .optionsbox .optionitem h4::before{content:'';width:8px;height:8px;background:#72FFFC;border-radius:50%;box-shadow:0 0 12px #72fffccc}
.formatblock .optionsbox .optionitem .dtl{font-size:15px;line-height:1.6;color:#ffffffb3;padding-left:20px}
@media (max-width: 1024px) {
.formatblock .splitlayout{grid-template-columns:1fr;gap:48px}
}
@media (max-width: 768px) {
.formatblock{margin-bottom:70px}
.formatblock .leftside h2{font-size:32px}
.formatblock .rightside .optionsbox{padding:32px 24px}
}
.ctasection{width:100%;background:#23313D;padding:80px 0;position:relative;overflow:hidden}
.ctasection::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,#72fffc1a 0%,transparent 50%),radial-gradient(circle at 80% 50%,#72fffc14 0%,transparent 50%);pointer-events:none}
.ctasection .innerbox{position:relative;max-width:900px;margin:0 auto;padding:0 24px;text-align:center}
.ctasection h2{font-size:48px;color:#FFF;margin:0 0 20px}
.ctasection .msg{font-size:19px;line-height:1.6;color:#fffc;margin:0 0 40px}
.ctasection .butt{display:inline-block;padding:18px 48px;background:linear-gradient(135deg,#72FFFC 0%,#5cd9d6 100%);color:#23313D;font-size:18px;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #72fffc4d;position:relative;z-index:10}
.ctasection .butt:hover{transform:translateY(-3px);box-shadow:0 10px 30px #72fffc80;background:linear-gradient(135deg,#8bfffd 0%,#72FFFC 100%)}
.ctasection .butt:active{transform:translateY(-1px)}
@media (max-width: 768px) {
.ctasection{padding:60px 0}
.ctasection h2{font-size:34px}
.ctasection .msg{font-size:17px;margin-bottom:32px}
.ctasection .butt{padding:16px 36px;font-size:16px}
}
.succwrap{background:linear-gradient(135deg,#23313D 0%,#1a242e 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:60px 20px}
.succwrap::before{content:'';position:absolute;top:-50%;left:-30%;width:200%;height:200%;background:radial-gradient(circle,#72fffc14 0%,transparent 70%);animation:pulseglow 8s ease-in-out infinite}
.succwrap::after{content:'';position:absolute;bottom:10%;right:15%;width:600px;height:600px;background:radial-gradient(circle,#72fffc0f 0%,transparent 60%);border-radius:50%}
@keyframes pulseglow {
0%,100%{opacity:.6;transform:scale(1)}
50%{opacity:.9;transform:scale(1.1)}
}
.curvedline1,.curvedline2,.curvedline3{position:absolute;stroke:#72fffc26;fill:none;stroke-width:2;opacity:.7}
.curvedline1{top:15%;left:10%;width:300px;height:200px}
.curvedline2{bottom:20%;right:8%;width:250px;height:180px}
.curvedline3{top:40%;left:5%;width:200px;height:150px}
.succbox{max-width:680px;width:100%;background:#23313dbf;backdrop-filter:blur(12px);border:1px solid #72fffc33;padding:60px 50px;border-radius:8px;box-shadow:0 8px 32px #0006 0 0 60px #72fffc1a;position:relative;z-index:2;text-align:center;animation:revealmain 1s ease-out}
@keyframes revealmain {
from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}
.iconcheck{width:90px;height:90px;margin:0 auto 32px;background:linear-gradient(135deg,#72FFFC 0%,#4de6e3 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px #72fffc59;animation:scalepop .6s ease-out .3s backwards}
@keyframes scalepop {
0%{transform:scale(0)}
50%{transform:scale(1.1)}
100%{transform:scale(1)}
}
.iconcheck svg{width:48px;height:48px;stroke:#23313D;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.succtitle{font-size:38px;font-weight:700;color:#FFF;margin:0 0 18px;line-height:1.2;letter-spacing:-.5px}
.succmsg{font-size:17px;color:#ffffffd9;line-height:1.6;margin:0 0 38px}
.nextactions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.actbutt{padding:14px 32px;font-size:16px;font-weight:600;border-radius:6px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .25s ease;border:2px solid transparent;position:relative;z-index:10}
.actbutt.primary{background:linear-gradient(135deg,#72FFFC 0%,#4de6e3 100%);color:#23313D;box-shadow:0 4px 12px #72fffc4d}
.actbutt.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #72fffc73}
.actbutt.secondary{background:transparent;color:#72FFFC;border-color:#72fffc66}
.actbutt.secondary:hover{border-color:#72FFFC;background:#72fffc14}
.infogrid{background:#1a242e;padding:80px 20px}
.infogrid .contentwrap{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.stepcard{background:linear-gradient(145deg,#23313de6 0%,#1a242ee6 100%);border:1px solid #72fffc26;border-radius:6px;padding:36px 28px;position:relative;overflow:hidden;transition:all .3s ease}
.stepcard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#72FFFC 0%,transparent 100%);opacity:0;transition:opacity .3s ease}
.stepcard:hover::before{opacity:1}
.stepcard:hover{transform:translateY(-4px);border-color:#72fffc59;box-shadow:0 8px 24px #0000004d}
.stepnum{display:inline-block;width:44px;height:44px;background:#72fffc1f;border:2px solid #72fffc4d;border-radius:50%;color:#72FFFC;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.stepcard h3{font-size:22px;color:#FFF;margin:0 0 12px;font-weight:600}
.stepcard p{font-size:15px;color:#ffffffbf;margin:0;line-height:1.6}
@media (max-width: 768px) {
.succwrap{padding:40px 16px;min-height:70vh}
.succbox{padding:44px 28px}
.succtitle{font-size:30px}
.succmsg{font-size:16px}
.nextactions{flex-direction:column}
.actbutt{width:100%;justify-content:center}
.infogrid{padding:60px 16px}
.infogrid .contentwrap{grid-template-columns:1fr}
.curvedline1,.curvedline2,.curvedline3{display:none}
}
@media (max-width: 480px) {
.iconcheck{width:70px;height:70px}
.iconcheck svg{width:38px;height:38px}
.succtitle{font-size:26px}
.actbutt{padding:12px 24px;font-size:15px}
}