*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Lexend',sans-serif;background:linear-gradient(135deg,#0a1419 0%,#003546 50%,#001a24 100%);color:#E2F3FE;line-height:1.6;min-height:100vh;overflow-x:hidden}
.HdrWrap{max-width:1536px;margin:0 auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;gap:50px;background:radial-gradient(ellipse at top,#01b1bf14 0%,transparent 70%);border-bottom:1px solid #01b1bf26}
.BrandFlow{display:inline-flex;align-items:center;gap:18px}
.LogoBox{width:90px;height:90px;display:flex;align-items:center;justify-content:center;background:#00354666;border-radius:50%;box-shadow:0 4px 12px #01b1bf33}
.LogoImg{width:70px;height:70px;object-fit:contain}
.ConnectDot{width:8px;height:8px;background:linear-gradient(135deg,#01B1BF 0%,#003546 100%);border-radius:50%;box-shadow:0 0 8px #01b1bf80}
.CompanyId .NameTxt{font-size:26px;font-weight:700;color:#01B1BF;letter-spacing:.5px}
.TagBox .TagTxt{font-size:15px;color:#E2F3FE;opacity:.85;font-weight:400}
.MainNav{display:flex;align-items:center;gap:35px;background:#00354640;padding:16px 40px;border-radius:50px}
.MainNav .NavLink{color:#E2F3FE;text-decoration:none;font-size:16px;font-weight:400;transition:color .25s ease;position:relative}
.MainNav .NavLink:hover{color:#01B1BF}
.FtrWrap{max-width:1536px;margin:0 auto;padding:70px 40px 35px;background:linear-gradient(180deg,#00354633 0%,#01b1bf0d 100%)}
.FtrLayout{display:grid;grid-template-columns:380px 1fr;gap:60px}
.InfoPanel{display:flex;flex-direction:column;gap:45px}
.FtrTitle{font-size:20px;font-weight:700;color:#01B1BF;margin-bottom:20px}
.ContactBlock .ContactItem{display:flex;align-items:center;gap:14px;margin-bottom:16px;font-size:14px;color:#E2F3FE}
.ContactBlock .ContactItem i{color:#01B1BF;font-size:16px;width:20px}
.ContactBlock .ContactItem a{color:#E2F3FE;text-decoration:none;transition:color .25s ease}
.ContactBlock .ContactItem a:hover{color:#01B1BF}
.CertCards{display:flex;flex-direction:column;gap:15px}
.CertCard{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#01b1bf14;border-radius:8px;border:1px solid #01b1bf33}
.CertCard i{color:#01B1BF;font-size:22px}
.CertCard span{font-size:14px;color:#E2F3FE}
.MainFtrContent{display:flex;flex-direction:column;gap:35px}
.AboutSnippet .FtrDesc{font-size:15px;color:#E2F3FE;opacity:.85;line-height:1.7}
.FtrNav{display:flex;flex-wrap:wrap;gap:24px}
.FtrNav .FtrLink{color:#E2F3FE;text-decoration:none;font-size:14px;transition:color .25s ease}
.FtrNav .FtrLink:hover{color:#01B1BF}
.CopyrightBox{padding-top:25px;border-top:1px solid #01b1bf26}
.CopyrightTxt{font-size:13px;color:#E2F3FE;opacity:.7}
.CookiePopup{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:none;background:#000a0ff2;padding:32px 20px;box-shadow:0 -6px 24px #01b1bf26}
.CookieContainer{max-width:1200px;margin:0 auto}
.CookieHdr{margin-bottom:28px}
.CookieTitle{font-size:24px;font-weight:700;color:#01B1BF;margin-bottom:10px}
.CookieDesc{font-size:15px;color:#E2F3FE;opacity:.85}
.CookieGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}
.CookieCard{background:#0035464d;border:1px solid #01b1bf33;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:12px}
.CardHdr{display:flex;align-items:center;gap:10px}
.CardHdr i{color:#01B1BF;font-size:20px}
.CardTitle{font-size:16px;font-weight:700;color:#E2F3FE}
.CardDesc{font-size:13px;color:#E2F3FE;opacity:.75;line-height:1.5;flex-grow:1}
.CookieSwitch{position:relative;display:inline-block;width:50px;height:26px}
.SwitchInput{opacity:0;width:0;height:0}
.SwitchSlider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#00354680;border:1px solid #01b1bf4d;border-radius:26px;transition:background .3s ease}
.SwitchSlider::before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#E2F3FE;border-radius:50%;transition:transform .3s ease}
.SwitchInput:checked + .SwitchSlider{background:linear-gradient(135deg,#01B1BF 0%,#003546 100%)}
.SwitchInput:checked + .SwitchSlider::before{transform:translateX(24px)}
.SwitchInput:disabled + .SwitchSlider{opacity:.5;cursor:not-allowed}
.CookieActions{display:flex;justify-content:center;gap:18px}
.CookieBtn{padding:12px 32px;font-size:15px;font-weight:400;font-family:'Lexend',sans-serif;cursor:pointer;border-radius:50px;transition:all .25s ease}
.BtnOutline{background:transparent;border:2px solid #01B1BF;color:#01B1BF}
.BtnOutline:hover{background:#01b1bf1a;border-color:#E2F3FE;color:#E2F3FE}
@media (max-width: 1024px) {
.HdrWrap{flex-direction:column;gap:30px;padding:24px 30px}
.BrandFlow{flex-wrap:wrap;justify-content:center}
.MainNav{width:100%;justify-content:center}
.FtrLayout{grid-template-columns:1fr;gap:40px}
.CookieGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.HdrWrap{padding:20px}
.BrandFlow{gap:12px}
.LogoBox{width:70px;height:70px}
.LogoImg{width:55px;height:55px}
.CompanyId .NameTxt{font-size:20px}
.TagBox .TagTxt{font-size:13px}
.MainNav{flex-direction:column;gap:18px;padding:20px 25px}
.FtrWrap{padding:50px 20px 25px}
.CookieGrid{grid-template-columns:1fr}
.CookieActions{flex-direction:column}
.CookieBtn{width:100%}
}
@media (max-width: 480px) {
.ConnectDot{display:none}
.BrandFlow{flex-direction:column;text-align:center}
.MainNav .NavLink{font-size:15px}
.CookiePopup{padding:20px 15px}
.CookieTitle{font-size:20px}
}
.rules-content-hqz{max-width:1536px;margin:0 auto;padding:60px 20px;background:linear-gradient(180deg,#0a1f28 0%,#001a24 100%);color:#E2F3FE;line-height:1.8}
.rules-content-hqz h1{font-size:2.5rem;font-weight:700;color:#01B1BF;margin:0 0 40px;padding-bottom:20px;border-bottom:3px solid #003546;letter-spacing:-.5px}
.rules-content-hqz h2{font-size:2rem;font-weight:600;color:#01B1BF;margin:50px 0 25px;padding-top:10px}
.rules-content-hqz h3{font-size:1.5rem;font-weight:600;color:#E2F3FE;margin:35px 0 20px}
.rules-content-hqz h4{font-size:1.25rem;font-weight:600;color:#E2F3FE;margin:30px 0 15px}
.rules-content-hqz h5{font-size:1.1rem;font-weight:600;color:#E2F3FE;margin:25px 0 12px}
.rules-content-hqz h6{font-size:1rem;font-weight:600;color:#E2F3FE;margin:20px 0 10px;text-transform:uppercase;letter-spacing:.5px}
.rules-content-hqz p{margin:0 0 20px;font-size:1.05rem;color:#E2F3FE}
.rules-content-hqz strong,.rules-content-hqz b{font-weight:700;color:#fff}
.rules-content-hqz em,.rules-content-hqz i{font-style:italic;color:#fff}
.rules-content-hqz a{color:#01B1BF;text-decoration:none;border-bottom:1px solid #01b1bf4d;transition:all .3s ease}
.rules-content-hqz a:hover{color:#fff;border-bottom-color:#01B1BF;background:#01b1bf1a}
.rules-content-hqz ul,.rules-content-hqz ol{margin:0 0 25px;padding-left:30px}
.rules-content-hqz ul li,.rules-content-hqz ol li{margin-bottom:12px;font-size:1.05rem;color:#E2F3FE}
.rules-content-hqz ul li::marker{color:#01B1BF}
.rules-content-hqz ol li::marker{color:#01B1BF;font-weight:600}
.rules-content-hqz table{width:100%;margin:30px 0;border-collapse:collapse;background:#0035464d;box-shadow:2px 4px 8px #0006}
.rules-content-hqz thead{background:linear-gradient(135deg,#003546 0%,#014a5c 100%)}
.rules-content-hqz thead tr{border-bottom:2px solid #01B1BF}
.rules-content-hqz th{padding:16px 20px;text-align:left;font-weight:600;color:#01B1BF;font-size:1.05rem;border-right:1px solid #01b1bf33}
.rules-content-hqz th:last-child{border-right:none}
.rules-content-hqz tbody tr{border-bottom:1px solid #e2f3fe1a;transition:background .2s ease}
.rules-content-hqz tbody tr:hover{background:#01b1bf0d}
.rules-content-hqz td{padding:14px 20px;color:#E2F3FE;font-size:1rem;border-right:1px solid #e2f3fe0d}
.rules-content-hqz td:last-child{border-right:none}
.rules-content-hqz hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#01B1BF 50%,transparent 100%);margin:50px 0}
@media (max-width: 768px) {
.rules-content-hqz{padding:40px 16px}
.rules-content-hqz h1{font-size:2rem;margin-bottom:30px}
.rules-content-hqz h2{font-size:1.65rem;margin:40px 0 20px}
.rules-content-hqz h3{font-size:1.35rem}
.rules-content-hqz h4{font-size:1.15rem}
.rules-content-hqz p,.rules-content-hqz ul li,.rules-content-hqz ol li{font-size:1rem}
.rules-content-hqz table{font-size:.9rem}
.rules-content-hqz th,.rules-content-hqz td{padding:12px 14px}
}
@media (max-width: 480px) {
.rules-content-hqz{padding:30px 12px}
.rules-content-hqz h1{font-size:1.75rem}
.rules-content-hqz h2{font-size:1.5rem}
.rules-content-hqz table{display:block;overflow-x:auto;white-space:nowrap}
.rules-content-hqz th,.rules-content-hqz td{padding:10px 12px;font-size:.85rem}
}
.HeroWrap{background:linear-gradient(135deg,#003546 0%,#01515E 100%);padding:80px 20px 90px;position:relative;overflow:hidden}
.HeroWrap::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#01b1bf26 0%,transparent 70%);border-radius:50%}
.HeroWrap::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#e2f3fe14 0%,transparent 70%);border-radius:50%}
.HeroCntr{max-width:1536px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.HeroTxt{flex:1;min-width:0}
.HeroTxt .PreHead{font-size:16px;color:#01B1BF;margin:0 0 16px;letter-spacing:.5px;line-height:1.5}
.HeroTxt .MainHd{font-size:48px;color:#E2F3FE;margin:0 0 24px;line-height:1.2;font-weight:700}
.HeroTxt .Desc{font-size:18px;color:#e2f3fed9;margin:0 0 36px;line-height:1.7}
.HeroBtn{display:inline-block;padding:16px 38px;background:linear-gradient(135deg,#01B1BF 0%,#00899A 100%);color:#003546;text-decoration:none;border-radius:8px;font-weight:600;font-size:17px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 16px #01b1bf4d}
.HeroBtn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #01b1bf73}
.HeroVisual{width:420px;flex-shrink:0;position:relative}
.HeroVisual::before{content:'';position:absolute;top:-20px;left:-20px;right:20px;bottom:20px;background:linear-gradient(135deg,#01b1bf33 0%,transparent 100%);border-radius:12px;z-index:-1}
.HeroVisual img{width:100%;height:auto;border-radius:10px;display:block;box-shadow:0 8px 32px #0006;position:relative}
.HeroVisual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,transparent 0%,#003546b3 100%);border-radius:0 0 10px 10px;pointer-events:none}
.DecorDots{position:absolute;bottom:40px;left:20px;display:flex;gap:8px;z-index:1}
.DecorDots span{width:8px;height:8px;background:#01B1BF;border-radius:50%;opacity:.7}
.DecorDots span:nth-child(2){opacity:.5}
.DecorDots span:nth-child(3){opacity:.3}
.ToolsSec{background:#0A1F28;padding:90px 20px;position:relative}
.ToolsSec::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#01B1BF 50%,transparent 100%)}
.ToolsCntr{max-width:1536px;margin:0 auto}
.ToolsCntr .SecHd{font-size:38px;color:#E2F3FE;margin:0 0 48px;text-align:center;font-weight:700}
.ToolsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}
.ToolCard{background:linear-gradient(135deg,#003546 0%,#012A36 100%);padding:36px 28px;border-radius:10px;border:1px solid #01b1bf26;transition:transform .3s ease,border-color .3s ease}
.ToolCard:hover{transform:translateY(-4px);border-color:#01b1bf66}
.ToolCard .IcnWrap{width:56px;height:56px;background:#01b1bf26;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.ToolCard .IcnWrap i{font-size:28px;color:#01B1BF}
.ToolCard h3{font-size:22px;color:#E2F3FE;margin:0 0 14px;font-weight:600}
.ToolCard p{font-size:16px;color:#e2f3febf;margin:0;line-height:1.6}
.InspirationSec{background:linear-gradient(135deg,#012838 0%,#003546 100%);padding:90px 20px;position:relative}
.InspirationCntr{max-width:1536px;margin:0 auto}
.InspirationCntr .SecHd{font-size:38px;color:#E2F3FE;margin:0 0 24px;font-weight:700}
.InspirationCntr .SecSubhd{font-size:18px;color:#e2f3feb3;margin:0 0 50px;line-height:1.6}
.StoryLayout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.StoryCol .StoryItem{background:#00354666;padding:32px;border-radius:8px;border-left:4px solid #01B1BF;margin-bottom:28px}
.StoryCol .StoryItem:last-child{margin-bottom:0}
.StoryItem .Quote{font-size:17px;color:#E2F3FE;margin:0 0 16px;line-height:1.7;font-style:italic}
.StoryItem .Auth{font-size:15px;color:#01B1BF;margin:0;font-weight:600}
.StoryCol .Highlight{background:linear-gradient(135deg,#01b1bf33 0%,#01b1bf0d 100%);padding:40px;border-radius:10px;text-align:center}
.Highlight .BigNum{font-size:56px;color:#01B1BF;margin:0 0 12px;font-weight:700;line-height:1}
.Highlight .NumLabel{font-size:18px;color:#E2F3FE;margin:0;font-weight:500}
.TrustSec{background:#0D242E;padding:90px 20px;position:relative}
.TrustCntr{max-width:1536px;margin:0 auto}
.TrustCntr .SecHd{font-size:38px;color:#E2F3FE;margin:0 0 50px;text-align:center;font-weight:700}
.TrustGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.TrustBlock{background:linear-gradient(135deg,#003546 0%,#01404F 100%);padding:36px 30px;border-radius:10px;text-align:center;border:1px solid #01b1bf33;position:relative;overflow:hidden}
.TrustBlock::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#01B1BF 0%,#00899A 100%)}
.TrustBlock .IcnCircle{width:64px;height:64px;background:#01b1bf33;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.TrustBlock .IcnCircle i{font-size:30px;color:#01B1BF}
.TrustBlock h4{font-size:20px;color:#E2F3FE;margin:0 0 12px;font-weight:600}
.TrustBlock p{font-size:15px;color:#e2f3febf;margin:0;line-height:1.6}
.AboutSec{background:linear-gradient(180deg,#003546 0%,#012838 100%);padding:90px 20px;position:relative}
.AboutSec::before{content:'';position:absolute;top:-50px;right:10%;width:300px;height:300px;background:radial-gradient(circle,#01b1bf1a 0%,transparent 70%);border-radius:50%}
.AboutCntr{max-width:1536px;margin:0 auto}
.AboutCntr .SecHd{font-size:38px;color:#E2F3FE;margin:0 0 26px;font-weight:700}
.AboutCntr .Intro{font-size:18px;color:#e2f3fecc;margin:0 0 48px;line-height:1.7;max-width:900px}
.FeatureFlex{display:flex;gap:44px;align-items:center}
.FeatureImg{width:480px;flex-shrink:0}
.FeatureImg img{width:100%;height:auto;border-radius:10px;box-shadow:0 8px 28px #0006}
.FeatureList{flex:1}
.FeatureList .FeatItem{background:#01b1bf14;padding:26px 28px;border-radius:8px;margin-bottom:20px;border-left:3px solid #01B1BF}
.FeatureList .FeatItem:last-child{margin-bottom:0}
.FeatItem h5{font-size:20px;color:#01B1BF;margin:0 0 10px;font-weight:600}
.FeatItem p{font-size:16px;color:#e2f3fecc;margin:0;line-height:1.6}
.CtaSec{background:linear-gradient(135deg,#01B1BF 0%,#00899A 100%);padding:70px 20px;text-align:center;position:relative;overflow:hidden}
.CtaSec::before{content:'';position:absolute;top:-100px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,#e2f3fe33 0%,transparent 70%);border-radius:50%}
.CtaSec::after{content:'';position:absolute;bottom:-120px;right:-80px;width:350px;height:350px;background:radial-gradient(circle,#0035464d 0%,transparent 70%);border-radius:50%}
.CtaCntr{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.CtaCntr h2{font-size:40px;color:#003546;margin:0 0 18px;font-weight:700}
.CtaCntr p{font-size:18px;color:#003546e6;margin:0 0 36px;line-height:1.6}
.CtaBtns{display:flex;gap:20px;justify-content:center;align-items:center}
.CtaBtns .PrimaryBtn{padding:16px 38px;background:#003546;color:#E2F3FE;text-decoration:none;border-radius:8px;font-weight:600;font-size:17px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 16px #0035464d}
.CtaBtns .PrimaryBtn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00354680}
.CtaBtns .SecondaryBtn{padding:16px 38px;background:transparent;color:#003546;text-decoration:none;border-radius:8px;font-weight:600;font-size:17px;border:2px solid #003546;transition:background .25s ease,color .25s ease}
.CtaBtns .SecondaryBtn:hover{background:#003546;color:#E2F3FE}
@media (max-width: 1024px) {
.HeroCntr{flex-direction:column-reverse;gap:40px}
.HeroVisual{width:100%;max-width:480px}
.HeroTxt .MainHd{font-size:38px}
.StoryLayout{grid-template-columns:1fr;gap:30px}
.TrustGrid{grid-template-columns:1fr;gap:24px}
.FeatureFlex{flex-direction:column;gap:32px}
.FeatureImg{width:100%;max-width:540px}
}
@media (max-width: 768px) {
.HeroWrap{padding:60px 20px 70px}
.HeroTxt .MainHd{font-size:32px}
.HeroTxt .Desc{font-size:16px}
.ToolsGrid{grid-template-columns:1fr}
.ToolsSec,.InspirationSec,.TrustSec,.AboutSec{padding:60px 20px}
.ToolsCntr .SecHd,.InspirationCntr .SecHd,.TrustCntr .SecHd,.AboutCntr .SecHd{font-size:30px}
.CtaCntr h2{font-size:32px}
.CtaBtns{flex-direction:column;width:100%}
.CtaBtns .PrimaryBtn,.CtaBtns .SecondaryBtn{width:100%;max-width:320px}
}
.CtIntro{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#003546 0%,#01B1BF 100%);overflow:hidden}
.CtIntro::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,#01b1bf26 0%,transparent 60%),radial-gradient(circle at 70% 70%,#e2f3fe14 0%,transparent 50%);pointer-events:none}
.CtIntro::after{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#e2f3fe1f 0%,transparent 70%);border-radius:50%;animation:FloatSlow 20s ease-in-out infinite}
@keyframes FloatSlow {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,30px) scale(1.1)}
}
.intro-wrapper{max-width:1536px;width:100%;margin:0 auto;padding:80px 20px;position:relative;z-index:2;text-align:center}
.intro-wrapper h1{font-size:52px;font-weight:700;color:#E2F3FE;margin:0 0 18px;line-height:1.2;letter-spacing:-.5px}
.intro-wrapper .SubTxt{font-size:20px;color:#e2f3fed9;max-width:680px;margin:0 auto;line-height:1.5}
.MnCtWrap{background:#0a1e28;padding:90px 20px}
.ct-content{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}
.info-side h2{font-size:38px;font-weight:700;color:#E2F3FE;margin:0 0 28px;line-height:1.3}
.info-side p{font-size:17px;color:#e2f3febf;line-height:1.7;margin:0 0 40px}
.det-box{background:linear-gradient(135deg,#00354680 0%,#01b1bf14 100%);border:1px solid #01b1bf33;border-radius:8px;padding:32px;margin-bottom:24px}
.det-box h3{font-size:22px;font-weight:600;color:#01B1BF;margin:0 0 20px;display:flex;align-items:center;gap:12px}
.det-box h3 i{font-size:24px;color:#E2F3FE}
.det-item{display:flex;align-items:start;gap:14px;margin-bottom:16px;padding:12px;background:#01b1bf0d;border-radius:6px;transition:background .3s ease}
.det-item:hover{background:#01b1bf1f}
.det-item:last-child{margin-bottom:0}
.det-item i{font-size:18px;color:#01B1BF;margin-top:2px;flex-shrink:0}
.det-item span{font-size:16px;color:#E2F3FE;line-height:1.6}
.det-item a{color:#E2F3FE;text-decoration:none;transition:color .3s ease}
.det-item a:hover{color:#01B1BF}
.frm-side{background:linear-gradient(145deg,#00354699 0%,#01b1bf1f 100%);border:2px solid #01b1bf40;border-radius:10px;padding:44px;box-shadow:4px 4px 16px #0006}
.frm-side h3{font-size:32px;font-weight:700;color:#E2F3FE;margin:0 0 12px;line-height:1.2}
.frm-side .FrmSub{font-size:16px;color:#e2f3feb3;margin:0 0 36px;line-height:1.6}
.FrmCt{display:flex;flex-direction:column;gap:24px}
.fld-grp label{display:block;font-size:15px;font-weight:600;color:#E2F3FE;margin-bottom:10px}
.fld-grp input[type="text"],.fld-grp input[type="email"]{width:100%;padding:14px 18px;background:#0a1e28cc;border:1px solid #01b1bf4d;border-radius:6px;color:#E2F3FE;font-size:16px;transition:border .3s ease,background .3s ease}
.fld-grp input[type="text"]:focus,.fld-grp input[type="email"]:focus{outline:none;border-color:#01B1BF;background:#0a1e28f2;box-shadow:0 0 8px #01b1bf4d}
.fld-grp input::placeholder{color:#e2f3fe66}
.RtBox{background:#01b1bf14;border:1px solid #01b1bf33;border-radius:8px;padding:24px}
.RtBox label.RtTitle{display:block;font-size:15px;font-weight:600;color:#E2F3FE;margin-bottom:16px}
.StarWrap{display:flex;gap:8px;justify-content:center}
.StarWrap input[type="radio"]{display:none}
.StarWrap label{font-size:32px;color:#e2f3fe40;cursor:pointer;transition:color .2s ease,transform .2s ease}
.StarWrap label:hover{transform:scale(1.15)}
.StarWrap input[type="radio"]:checked ~ label,.StarWrap label:hover,.StarWrap label:hover ~ label{color:#01B1BF}
.StarWrap input[type="radio"]:checked ~ label{color:#01B1BF;text-shadow:0 0 8px #01b1bf99}
.StarWrap input[type="radio"]#rate5:checked ~ label,.StarWrap input[type="radio"]#rate4:checked ~ label[for="rate5"],.StarWrap input[type="radio"]#rate4:checked ~ label[for="rate4"],.StarWrap input[type="radio"]#rate3:checked ~ label[for="rate5"],.StarWrap input[type="radio"]#rate3:checked ~ label[for="rate4"],.StarWrap input[type="radio"]#rate3:checked ~ label[for="rate3"],.StarWrap input[type="radio"]#rate2:checked ~ label[for="rate5"],.StarWrap input[type="radio"]#rate2:checked ~ label[for="rate4"],.StarWrap input[type="radio"]#rate2:checked ~ label[for="rate3"],.StarWrap input[type="radio"]#rate2:checked ~ label[for="rate2"],.StarWrap input[type="radio"]#rate1:checked ~ label{color:#01B1BF}
.PrivBox{display:flex;align-items:start;gap:12px;margin-top:24px}
.PrivBox input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;accent-color:#01B1BF;flex-shrink:0}
.PrivBox label{font-size:14px;color:#e2f3febf;line-height:1.6;cursor:pointer}
.PrivBox label a{color:#01B1BF;text-decoration:underline;transition:color .3s ease}
.PrivBox label a:hover{color:#E2F3FE}
.BtnSub{width:100%;padding:16px 32px;background:linear-gradient(135deg,#01B1BF 0%,#003546 100%);border:none;border-radius:6px;color:#E2F3FE;font-size:17px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease;box-shadow:0 4px 12px #01b1bf4d;margin-top:8px;position:relative;z-index:10}
.BtnSub:hover{transform:translateY(-2px);box-shadow:0 6px 18px #01b1bf80}
.BtnSub:active{transform:translateY(0)}
@media (max-width: 1024px) {
.ct-content{grid-template-columns:1fr;gap:60px}
.intro-wrapper h1{font-size:42px}
.intro-wrapper .SubTxt{font-size:18px}
.info-side h2{font-size:32px}
.frm-side h3{font-size:28px}
}
@media (max-width: 640px) {
.CtIntro{min-height:320px}
.intro-wrapper{padding:60px 20px}
.intro-wrapper h1{font-size:34px}
.intro-wrapper .SubTxt{font-size:16px}
.MnCtWrap{padding:60px 20px}
.info-side h2{font-size:28px}
.info-side p{font-size:16px}
.det-box{padding:24px}
.det-box h3{font-size:20px}
.frm-side{padding:32px 24px}
.frm-side h3{font-size:26px}
.StarWrap label{font-size:28px}
}
.HeroAbout{background:linear-gradient(135deg,#003546 0%,#01253a 100%);padding:6rem 1.5rem 5rem;position:relative;overflow:hidden}
.HeroAbout::before{content:'';position:absolute;top:-50%;right:-20%;width:70%;height:150%;background:radial-gradient(circle,#01b1bf1f 0%,transparent 70%);animation:pulse 8s ease-in-out infinite}
@keyframes pulse {
0%,100%{transform:scale(1) translateY(0);opacity:1}
50%{transform:scale(1.1) translateY(-20px);opacity:.7}
}
.HeroAbout .contentWrap{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.HeroAbout .titleGroup h1{font-size:3.5rem;color:#E2F3FE;font-weight:700;line-height:1.1;margin:0 0 1.5rem}
.HeroAbout .titleGroup h1 .accent{color:#01B1BF;position:relative;display:inline-block}
.HeroAbout .titleGroup h1 .accent::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#01B1BF,transparent)}
.HeroAbout .leadText{font-size:1.25rem;color:#E2F3FE;max-width:720px;line-height:1.7;opacity:.95}
.HeroAbout .visualBox{margin-top:3rem;position:relative}
.HeroAbout .visualBox img{width:100%;max-width:900px;height:auto;border-radius:8px;box-shadow:0 12px 36px #00000059;animation:float 6s ease-in-out infinite}
@keyframes float {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-15px)}
}
.origin{background:#002030;padding:5rem 1.5rem}
.origin .boxWrap{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.origin .textCol h2{font-size:2.5rem;color:#E2F3FE;margin:0 0 1.5rem;font-weight:600}
.origin .textCol h2::before{content:'';display:block;width:60px;height:4px;background:#01B1BF;margin-bottom:1rem}
.origin .textCol p{font-size:1.1rem;color:#E2F3FE;line-height:1.8;margin:0 0 1.2rem;opacity:.9}
.origin .imgCol{position:relative}
.origin .imgCol img{width:100%;height:auto;border-radius:10px;box-shadow:0 8px 24px #01b1bf33}
.origin .imgCol::after{content:'';position:absolute;top:-20px;right:-20px;width:100%;height:100%;border:2px solid #01B1BF;border-radius:10px;z-index:-1}
.approach{background:linear-gradient(180deg,#001a26 0%,#003546 100%);padding:5rem 1.5rem;position:relative}
.approach::before{content:'';position:absolute;width:100%;height:2px;top:0;left:0;background:linear-gradient(90deg,transparent,#01B1BF,transparent)}
.approach .mainWrap{max-width:1536px;margin:0 auto}
.approach h2{font-size:2.5rem;color:#E2F3FE;text-align:center;margin:0 0 3.5rem;font-weight:600}
.approach .gridCards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.approach .card{background:#01b1bf0d;border:1px solid #01b1bf33;border-radius:8px;padding:2rem;transition:all .3s ease}
.approach .card:hover{background:#01b1bf1a;transform:translateY(-6px);box-shadow:0 8px 20px #01b1bf40}
.approach .card .iconBox{width:60px;height:60px;background:linear-gradient(135deg,#01B1BF,#003546);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}
.approach .card .iconBox i{font-size:1.8rem;color:#E2F3FE}
.approach .card h3{font-size:1.5rem;color:#E2F3FE;margin:0 0 1rem;font-weight:600}
.approach .card p{font-size:1rem;color:#E2F3FE;line-height:1.7;margin:0;opacity:.85}
.timeline{background:#001520;padding:5rem 1.5rem}
.timeline .containerWrap{max-width:1200px;margin:0 auto}
.timeline h2{font-size:2.5rem;color:#E2F3FE;margin:0 0 4rem;font-weight:600;position:relative;padding-left:80px}
.timeline h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:60px;height:60px;background:linear-gradient(135deg,#01B1BF,#003546);border-radius:50%}
.timeline h2::after{content:'';position:absolute;left:29px;top:50%;transform:translateY(-50%);width:2px;height:30px;background:#E2F3FE}
.timeline .stepsWrap{position:relative;padding-left:60px}
.timeline .stepsWrap::before{content:'';position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#01B1BF,#01b1bf33)}
.timeline .step{position:relative;margin-bottom:3rem}
.timeline .step::before{content:'';position:absolute;left:-42px;top:8px;width:24px;height:24px;background:#01B1BF;border:4px solid #001520;border-radius:50%;box-shadow:0 0 0 2px #01B1BF}
.timeline .step .year{font-size:1.1rem;color:#01B1BF;font-weight:700;margin:0 0 .5rem}
.timeline .step h3{font-size:1.6rem;color:#E2F3FE;margin:0 0 .8rem;font-weight:600}
.timeline .step p{font-size:1rem;color:#E2F3FE;line-height:1.7;margin:0;opacity:.85}
.valueSection{background:linear-gradient(135deg,#003546 0%,#001f2e 100%);padding:5rem 1.5rem;position:relative;overflow:hidden}
.valueSection::after{content:'';position:absolute;bottom:-30%;left:-10%;width:60%;height:120%;background:radial-gradient(circle,#01b1bf14 0%,transparent 60%)}
.valueSection .layoutWrap{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.valueSection h2{font-size:2.8rem;color:#E2F3FE;margin:0 0 2rem;font-weight:700}
.valueSection h2 span{color:#01B1BF}
.valueSection .splitLayout{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:start}
.valueSection .textContent p{font-size:1.1rem;color:#E2F3FE;line-height:1.8;margin:0 0 1.5rem;opacity:.9}
.valueSection .listGroup{margin-top:2rem}
.valueSection .listGroup .item{display:flex;align-items:start;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#01b1bf0a;border-left:3px solid #01B1BF;border-radius:6px;transition:all .3s ease}
.valueSection .listGroup .item:hover{background:#01b1bf14;transform:translateX(8px)}
.valueSection .listGroup .item i{color:#01B1BF;font-size:1.4rem;margin-top:3px}
.valueSection .listGroup .item .txt{flex:1}
.valueSection .listGroup .item h4{font-size:1.2rem;color:#E2F3FE;margin:0 0 .5rem;font-weight:600}
.valueSection .listGroup .item p{font-size:.95rem;margin:0;opacity:.85}
.valueSection .imgStack{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.valueSection .imgStack img{width:100%;height:280px;object-fit:cover;border-radius:8px;box-shadow:0 6px 18px #0000004d;transition:transform .3s ease}
.valueSection .imgStack img:hover{transform:scale(1.05)}
@media (max-width: 1024px) {
.HeroAbout .titleGroup h1{font-size:2.8rem}
.origin .boxWrap{grid-template-columns:1fr;gap:3rem}
.origin .imgCol::after{display:none}
.approach .gridCards{grid-template-columns:1fr}
.valueSection .splitLayout{grid-template-columns:1fr;gap:3rem}
.valueSection .imgStack{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.HeroAbout{padding:4rem 1.5rem 3rem}
.HeroAbout .titleGroup h1{font-size:2.2rem}
.HeroAbout .leadText{font-size:1.1rem}
.origin .textCol h2,.approach h2,.timeline h2,.valueSection h2{font-size:2rem}
.timeline h2{padding-left:0;text-align:center}
.timeline h2::before,.timeline h2::after{display:none}
.timeline .stepsWrap{padding-left:40px}
.timeline .stepsWrap::before{left:20px}
.timeline .step::before{left:-32px}
}
.SuccessWrap{background:linear-gradient(135deg,#001a24 0%,#002532 50%,#003546 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.SuccessWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#01b1bf14 0%,transparent 70%);border-radius:50%}
.SuccessWrap::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#e2f3fe0a 0%,transparent 70%);border-radius:50%}
.SuccContr{max-width:720px;width:100%;margin:0 auto;position:relative;z-index:2}
.SuccBox{background:#00253299;border:2px solid #01b1bf4d;border-radius:8px;padding:70px 50px 60px;box-shadow:0 4px 24px #0006 0 0 80px #01b1bf1a;position:relative}
.SuccBox::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:90%;height:1px;background:linear-gradient(90deg,transparent 0%,#01B1BF 50%,transparent 100%)}
.SuccBox::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:90%;height:1px;background:linear-gradient(90deg,transparent 0%,#01B1BF 50%,transparent 100%)}
.IconCirc{width:90px;height:90px;margin:0 auto 32px;background:linear-gradient(135deg,#01B1BF 0%,#00899c 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #01b1bf4d 0 0 40px #01b1bf33;animation:PulseGlow 2s ease-in-out infinite}
@keyframes PulseGlow {
0%,100%{transform:scale(1);box-shadow:0 8px 20px #01b1bf4d 0 0 40px #01b1bf33}
50%{transform:scale(1.05);box-shadow:0 12px 28px #01b1bf66 0 0 60px #01b1bf4d}
}
.IconCirc svg{width:44px;height:44px;fill:#fff}
.SuccHdr{text-align:center;margin-bottom:22px}
.SuccHdr h1{font-size:42px;font-weight:700;color:#E2F3FE;margin:0 0 14px;letter-spacing:-.5px}
.SuccTxt{text-align:center;margin-bottom:44px}
.SuccTxt p{font-size:18px;line-height:1.7;color:#e2f3fed9;margin:0 0 16px}
.SuccTxt p:last-child{margin-bottom:0}
.BtnRow{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.BtnPrim{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#01B1BF 0%,#00899c 100%);color:#fff;font-size:17px;font-weight:600;text-decoration:none;border-radius:6px;box-shadow:0 4px 12px #01b1bf4d;transition:all .3s ease;border:none;position:relative;z-index:10}
.BtnPrim:hover{transform:translateY(-2px);box-shadow:0 6px 18px #01b1bf73;background:linear-gradient(135deg,#02c4d4 0%,#009aae 100%)}
.BtnPrim:active{transform:translateY(0)}
.BtnSec{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:transparent;color:#01B1BF;font-size:17px;font-weight:600;text-decoration:none;border:2px solid #01B1BF;border-radius:6px;transition:all .3s ease;position:relative;z-index:10}
.BtnSec:hover{background:#01b1bf1f;border-color:#02c4d4;color:#02c4d4;transform:translateY(-2px)}
.BtnSec:active{transform:translateY(0)}
@media (max-width: 768px) {
.SuccessWrap{padding:40px 16px}
.SuccBox{padding:50px 28px 40px}
.IconCirc{width:75px;height:75px;margin-bottom:26px}
.IconCirc svg{width:36px;height:36px}
.SuccHdr h1{font-size:32px}
.SuccTxt p{font-size:16px}
.BtnRow{flex-direction:column;gap:14px}
.BtnPrim,.BtnSec{width:100%;justify-content:center;padding:15px 28px}
}
@media (max-width: 480px) {
.SuccBox{padding:40px 20px 32px}
.SuccHdr h1{font-size:28px}
.SuccTxt p{font-size:15px}
}
.InfoBlck{background:linear-gradient(180deg,#002532 0%,#003546 100%);padding:80px 20px;position:relative}
.InfoBlck::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#01b1bf66 20%,#01b1bf66 80%,transparent 100%)}
.InfoCntr{max-width:1200px;margin:0 auto}
.GridLyt{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.InfoCrd{background:#00151d80;border:1px solid #01b1bf40;border-radius:6px;padding:36px 28px;transition:all .3s ease;position:relative}
.InfoCrd::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#01B1BF 0%,#00899c 100%);border-radius:6px 6px 0 0;opacity:0;transition:opacity .3s ease}
.InfoCrd:hover{transform:translateY(-4px);border-color:#01b1bf80;box-shadow:0 8px 24px #01b1bf26}
.InfoCrd:hover::before{opacity:1}
.CrdIcon{width:56px;height:56px;background:#01b1bf26;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.CrdIcon svg{width:28px;height:28px;fill:#01B1BF}
.InfoCrd h3{font-size:22px;font-weight:700;color:#E2F3FE;margin:0 0 14px}
.InfoCrd p{font-size:16px;line-height:1.6;color:#e2f3febf;margin:0}
@media (max-width: 968px) {
.GridLyt{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media (max-width: 640px) {
.InfoBlck{padding:60px 16px}
.GridLyt{grid-template-columns:1fr;gap:20px}
.InfoCrd{padding:28px 22px}
.CrdIcon{width:48px;height:48px}
.CrdIcon svg{width:24px;height:24px}
.InfoCrd h3{font-size:20px}
.InfoCrd p{font-size:15px}
}