@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;700&display=swap";
*{margin:0;padding:0;box-sizing:border-box}
html{height:100%}
body{font-family:'Archivo',sans-serif;background:#0f1117;color:#e8e9ed;min-height:100%;display:flex;flex-direction:column;line-height:1.6}
main{flex:1}
.SiteHdr{background:linear-gradient(180deg,#1a1d28 0%,#151823 100%);border-bottom:2px solid #FE2B46;box-shadow:0 4px 12px #fe2b4626}
.TopBand{background:radial-gradient(ellipse at top,#fe2b4614 0%,transparent 70%);padding:32px 0 24px}
.TopBand-holder{max-width:1536px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:28px}
.LogoLink{display:flex;align-items:center;flex-shrink:0}
.LogoImg{width:90px;height:90px;object-fit:contain;box-shadow:0 0 18px #00838566 0 0 32px #fe2b4633;border-radius:8px;background:#ffffff08;padding:6px}
.CompanyScript{font-size:42px;font-weight:700;background:linear-gradient(135deg,#FE2B46 0%,#FDC897 50%,#008385 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px;text-shadow:0 0 24px #fe2b4680}
.NavBand{background:#151823d9;padding:16px 0;border-top:1px solid #00838533}
.NavBand-holder{max-width:1536px;margin:0 auto;padding:0 24px}
.MainNav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.NavLink{color:#e8e9ed;text-decoration:none;padding:12px 20px;font-size:15px;font-weight:400;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;gap:8px;border:1px solid transparent}
.NavLink:hover{background:#0083851f;border-color:#0083854d;color:#FDC897}
.NavLink-cta{background:linear-gradient(135deg,#FE2B46 0%,#008385 100%);border:1px solid #FE2B46;color:#fff;font-weight:700;margin-left:auto}
.NavLink-cta:hover{background:linear-gradient(135deg,#008385 0%,#FE2B46 100%);box-shadow:0 0 16px #fe2b4680;border-color:#008385;color:#fff}
.NavItem-drop{position:relative}
.NavLink-trigger{cursor:pointer}
.SubNav{position:absolute;top:100%;left:0;background:#1a1d28;border:1px solid #008385;border-radius:6px;min-width:220px;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .25s ease;z-index:100;box-shadow:0 6px 20px #00838540;margin-top:4px}
.NavItem-drop:hover .SubNav{opacity:1;visibility:visible;transform:translateY(0)}
.SubLink{display:block;color:#e8e9ed;text-decoration:none;padding:12px 20px;font-size:14px;transition:all .2s ease}
.SubLink:hover{background:#fdc8971a;color:#FDC897;padding-left:26px}
.SiteFtr{background:linear-gradient(180deg,#151823 0%,#0f1117 100%);border-top:2px solid #008385;padding:56px 0 24px;margin-top:80px}
.FtrWrap{max-width:1536px;margin:0 auto;padding:0 24px}
.FtrTop{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:48px;padding-bottom:40px;border-bottom:1px solid #fdc89726}
.FtrTitle{font-size:26px;font-weight:700;color:#FDC897;margin-bottom:16px}
.FtrTxt{color:#b8bcc8;font-size:15px;line-height:1.7}
.FtrSubtitle{font-size:18px;font-weight:700;color:#e8e9ed;margin-bottom:16px}
.FtrNav{display:flex;flex-direction:column;gap:10px}
.FtrNavLink{color:#b8bcc8;text-decoration:none;font-size:15px;transition:all .2s ease;padding:4px 0;border-left:2px solid transparent;padding-left:12px}
.FtrNavLink:hover{color:#FDC897;border-left-color:#FE2B46;padding-left:16px}
.ContactInfo{display:flex;flex-direction:column;gap:14px}
.InfoLine{color:#b8bcc8;font-size:14px;display:flex;align-items:flex-start;gap:10px;line-height:1.6}
.InfoLine i{color:#008385;font-size:18px;margin-top:2px;flex-shrink:0}
.InfoLine a{color:#b8bcc8;text-decoration:none;transition:color .2s ease}
.InfoLine a:hover{color:#FDC897}
.FtrBtm{padding-top:28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.LegalNav{display:flex;gap:24px}
.LegalLink{color:#8a8f9e;text-decoration:none;font-size:13px;transition:color .2s ease}
.LegalLink:hover{color:#FDC897}
.Copyright{color:#6a6f7e;font-size:13px}
.CookieBnr{position:fixed;top:24px;left:24px;z-index:9999;animation:fadeInBnr .4s ease forwards}
@keyframes fadeInBnr {
from{opacity:0;transform:translateY(-20px)}
to{opacity:1;transform:translateY(0)}
}
.CookieBnr.hide{animation:fadeOutBnr .4s ease forwards}
@keyframes fadeOutBnr {
from{opacity:1;transform:translateY(0)}
to{opacity:0;transform:translateY(-20px)}
}
.CookieBnr-box{background:linear-gradient(135deg,#1a1d28 0%,#151823 100%);border:2px solid #008385;border-radius:10px;padding:28px;max-width:480px;box-shadow:0 8px 32px #0083854d 0 0 60px #fe2b4626}
.CookieBnr-ttl{font-size:20px;font-weight:700;color:#FDC897;margin-bottom:12px}
.CookieBnr-msg{color:#b8bcc8;font-size:14px;line-height:1.6;margin-bottom:20px}
.CookieBnr-opts{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.CkOpt{display:flex;align-items:center;gap:10px;color:#e8e9ed;font-size:14px;cursor:pointer}
.CkChk{width:18px;height:18px;cursor:pointer;accent-color:#FE2B46}
.DataSale{padding:16px 0;border-top:1px solid #fdc89726;border-bottom:1px solid #fdc89726;margin-bottom:20px}
.DataSale-opt{display:flex;align-items:center;gap:10px;color:#FDC897;font-size:14px;cursor:pointer;font-weight:700}
.DataSale-chk{width:18px;height:18px;cursor:pointer;accent-color:#008385}
.CookieBnr-acts{display:flex;flex-direction:column;gap:10px}
.CkBtn{padding:12px 20px;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:'Archivo',sans-serif}
.CkBtn-accept{background:linear-gradient(135deg,#FE2B46 0%,#008385 100%);color:#fff;border:1px solid #FE2B46}
.CkBtn-accept:hover{box-shadow:0 0 16px #fe2b4699;transform:translateY(-1px)}
.CkBtn-decline{background:#8a8f9e26;color:#e8e9ed;border:1px solid #8a8f9e4d}
.CkBtn-decline:hover{background:#8a8f9e40;border-color:#8a8f9e80}
.CkBtn-save{background:#00838533;color:#e8e9ed;border:1px solid #008385}
.CkBtn-save:hover{background:#00838559;box-shadow:0 0 12px #00838566}
@media (max-width: 1024px) {
.TopBand-holder{flex-direction:column;text-align:center;gap:20px}
.CompanyScript{font-size:36px}
.MainNav{justify-content:center}
.NavLink-cta{margin-left:0}
.FtrTop{grid-template-columns:1fr;gap:36px}
.FtrBtm{flex-direction:column;text-align:center}
.LegalNav{flex-direction:column;gap:12px}
}
@media (max-width: 768px) {
.CompanyScript{font-size:28px}
.LogoImg{width:70px;height:70px}
.TopBand{padding:24px 0 20px}
.MainNav{flex-direction:column;align-items:stretch}
.NavLink{justify-content:center}
.SubNav{position:static;opacity:1;visibility:visible;transform:none;margin-top:8px;background:#1a1d28f2}
.NavItem-drop:hover .SubNav{transform:none}
.CookieBnr{left:12px;right:12px;top:12px}
.CookieBnr-box{max-width:100%;padding:20px}
.CookieBnr-ttl{font-size:18px}
.CookieBnr-msg{font-size:13px}
}
@media (max-width: 480px) {
.TopBand-holder{padding:0 16px}
.NavBand-holder{padding:0 16px}
.FtrWrap{padding:0 16px}
.CompanyScript{font-size:24px}
}
.legal-info{max-width:1536px;margin:0 auto;padding:80px 24px;background:#0a0a0f;color:#e8e8f0;font-family:system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.8}
.legal-info strong,.legal-info b{color:#FE2B46;font-weight:600;text-shadow:0 0 12px #fe2b464d}
.legal-info a{color:#FDC897;text-decoration:none;border-bottom:2px solid transparent;transition:all .25s ease;position:relative}
.legal-info a:hover{color:#008385;border-bottom-color:#008385;text-shadow:0 0 8px #00838566}
.legal-info a:focus{outline:2px solid #FE2B46;outline-offset:4px}
.legal-info table{width:100%;margin:40px 0;border-collapse:separate;border-spacing:0;background:#12121a;border:1px solid #008385;box-shadow:0 4px 16px #00838526 inset 0 1px 3px #fe2b461a}
.legal-info thead{background:linear-gradient(135deg,#FE2B46 0%,#008385 100%)}
.legal-info thead tr{box-shadow:0 2px 8px #fe2b4640}
.legal-info th{padding:18px 20px;text-align:left;font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.5px;color:#fff;text-shadow:0 1px 4px #0006;border-right:1px solid #ffffff26}
.legal-info th:last-child{border-right:none}
.legal-info tbody tr{border-bottom:1px solid #1f1f2e;transition:all .2s ease}
.legal-info tbody tr:hover{background:linear-gradient(90deg,#fe2b4614 0%,#00838514 100%);box-shadow:inset 4px 0 0 #FE2B46}
.legal-info tbody tr:last-child{border-bottom:none}
.legal-info td{padding:16px 20px;color:#d0d0dc;border-right:1px solid #1f1f2e}
.legal-info td:last-child{border-right:none}
.legal-info hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#FE2B46 20%,#008385 50%,#FDC897 80%,transparent 100%);margin:60px 0;box-shadow:0 2px 12px #fe2b464d}
.legal-info div{margin:32px 0}
.legal-info div strong,.legal-info div b{display:inline-block;margin-bottom:8px}
@media (max-width: 768px) {
.legal-info{padding:48px 16px;font-size:16px;line-height:1.75}
.legal-info table{display:block;overflow-x:auto;margin:32px 0;border:1px solid #008385}
.legal-info th,.legal-info td{padding:14px 16px;font-size:14px;min-width:120px}
.legal-info hr{margin:40px 0}
.legal-info div{margin:24px 0}
}
@media (max-width: 320px) {
.legal-info{padding:32px 12px;font-size:15px}
.legal-info th,.legal-info td{padding:12px;font-size:13px;min-width:100px}
}
@media (min-width: 1440px) {
.legal-info{padding:100px 32px;font-size:18px;line-height:1.85}
.legal-info table{margin:50px 0}
.legal-info th{padding:20px 24px;font-size:16px}
.legal-info td{padding:18px 24px}
}
.about-hero-wrap{position:relative;min-height:540px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:90px}
.about-hero-wrap::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./graphics/DSC6493-2025-10-25.jpg);background-size:cover;background-position:center;filter:blur(8px) hue-rotate(-10deg) saturate(1.2);transform:scale(1.1);z-index:1}
.about-hero-wrap::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#008385b3 0%,#fe2b4699 100%);z-index:2}
.hero-content-holder{position:relative;z-index:3;max-width:880px;margin:0 auto;padding:60px 30px;text-align:center;backdrop-filter:blur(12px);background:#0f141ca6;border:2px solid #fdc8974d;box-shadow:0 8px 32px #0006}
.hero-content-holder h1{font-size:2.8rem;color:#FDC897;margin:0 0 24px;line-height:1.2;text-shadow:0 2px 8px #0009}
.hero-content-holder p{font-size:1.3rem;color:#e8eef5;line-height:1.6;margin:0}
.story-section-wrap{max-width:1400px;margin:0 auto 100px;padding:0 20px}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.story-visual{position:relative}
.story-visual img{width:100%;height:520px;object-fit:cover;border-radius:0;box-shadow:6px 6px 0 0 #fe2b4666 -6px -6px 0 0 #0083854d}
.story-visual::before{content:'';position:absolute;top:-20px;right:-20px;width:140px;height:140px;background:linear-gradient(135deg,#FE2B46,#008385);border-radius:50%;z-index:-1}
.story-text-holder{padding:20px}
.story-text-holder h2{font-size:2.4rem;color:#FDC897;margin:0 0 28px;position:relative;padding-bottom:16px}
.story-text-holder h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#FE2B46,#008385)}
.story-text-holder p{font-size:1.05rem;color:#c4cbd5;line-height:1.7;margin-bottom:18px}
.approach-section-wrap{background:#0d1117;padding:90px 20px;margin-bottom:100px;position:relative;overflow:hidden}
.approach-section-wrap::before{content:'';position:absolute;top:-50%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#00838526 0%,transparent 70%);border-radius:50%}
.approach-section-wrap::after{content:'';position:absolute;bottom:-60%;right:-12%;width:600px;height:600px;background:radial-gradient(circle,#fe2b461f 0%,transparent 70%);border-radius:50%}
.approach-content-wrap{max-width:1300px;margin:0 auto;position:relative;z-index:2}
.approach-content-wrap h2{font-size:2.6rem;color:#FE2B46;text-align:center;margin:0 0 60px}
.approach-cards-holder{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.approach-card-box{background:linear-gradient(145deg,#161b22,#0d1117);border:2px solid #0083854d;padding:40px 30px;transition:all .3s ease;position:relative}
.approach-card-box:hover{border-color:#FE2B46;box-shadow:0 6px 24px #fe2b464d;transform:translateY(-4px)}
.approach-card-box::before{content:'';position:absolute;top:0;left:0;width:6px;height:0;background:linear-gradient(180deg,#FE2B46,#008385);transition:height .3s ease}
.approach-card-box:hover::before{height:100%}
.approach-card-box h3{font-size:1.5rem;color:#FDC897;margin:0 0 18px}
.approach-card-box p{font-size:.98rem;color:#b1b9c4;line-height:1.6;margin:0}
.values-section-wrap{max-width:1536px;margin:0 auto 100px;padding:0 20px}
.values-header-txt{text-align:center;max-width:780px;margin:0 auto 70px}
.values-header-txt h2{font-size:2.5rem;color:#008385;margin:0 0 20px}
.values-header-txt p{font-size:1.1rem;color:#9ca7b5;line-height:1.6}
.values-display-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.value-item-holder{display:flex;gap:24px;align-items:flex-start}
.value-icon-box{flex-shrink:0;width:70px;height:70px;background:linear-gradient(135deg,#fe2b4626,#00838526);border:2px solid #fdc89766;display:flex;align-items:center;justify-content:center;position:relative}
.value-icon-box::before{content:'';position:absolute;width:40px;height:40px;background:radial-gradient(circle,#FE2B46,#008385);opacity:.3;border-radius:50%}
.value-icon-box svg{width:36px;height:36px;position:relative;z-index:2}
.value-text-holder h3{font-size:1.4rem;color:#FDC897;margin:0 0 14px}
.value-text-holder p{font-size:1rem;color:#b8c1cc;line-height:1.65;margin:0}
@media (max-width: 1024px) {
.story-grid{grid-template-columns:1fr;gap:50px}
.approach-cards-holder{grid-template-columns:1fr}
.values-display-grid{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.about-hero-wrap{min-height:420px}
.hero-content-holder{padding:40px 20px}
.hero-content-holder h1{font-size:2rem}
.hero-content-holder p{font-size:1.1rem}
.story-visual img{height:360px}
.story-text-holder h2{font-size:1.9rem}
.approach-content-wrap h2{font-size:2rem}
.values-header-txt h2{font-size:2rem}
}
.IntHeroWrap{position:relative;padding:120px 20px 100px;overflow:hidden;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%)}
.IntHeroWrap::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#fe2b4626 0%,transparent 70%);border-radius:50%;animation:floatCircle 8s ease-in-out infinite}
.IntHeroWrap::after{content:'';position:absolute;bottom:-30%;left:-5%;width:450px;height:450px;background:radial-gradient(circle,#0083851f 0%,transparent 70%);border-radius:50%;animation:floatCircle 10s ease-in-out infinite reverse}
@keyframes floatCircle {
0%,100%{transform:translate(0,0)}
50%{transform:translate(30px,-30px)}
}
.IntHeroWrap .bgblur{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}
.IntHeroWrap .bgblur img{width:100%;height:100%;object-fit:cover;filter:blur(8px) brightness(0.4)}
.IntHeroWrap .textzone{position:relative;z-index:2;max-width:900px;margin:0 auto;text-align:center}
.IntHeroWrap .textzone h1{font-size:3.2rem;color:#fff;margin:0 0 24px;font-weight:700;line-height:1.2;text-shadow:0 4px 12px #00000080}
.IntHeroWrap .textzone p{font-size:1.2rem;color:#e0e0e0;line-height:1.7;margin:0 0 32px}
.IntHeroWrap .cta-btn{display:inline-block;padding:16px 42px;background:linear-gradient(135deg,#FE2B46 0%,#d41f39 100%);color:#fff;text-decoration:none;border:2px solid transparent;transition:all .3s ease;font-weight:600;font-size:1.05rem;box-shadow:0 4px 16px #fe2b464d}
.IntHeroWrap .cta-btn:hover{background:linear-gradient(135deg,#d41f39 0%,#FE2B46 100%);transform:translateY(-2px);box-shadow:0 6px 24px #fe2b4680;border-color:#FDC897}
.AccSection{background:#111;padding:90px 20px}
.AccSection .conthold{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.AccSection .leftcol h2{font-size:2.6rem;color:#FE2B46;margin:0 0 28px;font-weight:700;line-height:1.3}
.AccSection .leftcol .description{font-size:1.1rem;color:#ccc;line-height:1.8;margin:0 0 36px}
.AccSection .rightcol{position:relative}
.AccSection .rightcol img{width:100%;height:auto;display:block;border:3px solid #008385;box-shadow:0 8px 32px #0083854d}
.AccSection .rightcol::before{content:'';position:absolute;top:-20px;left:-20px;width:100%;height:100%;border:2px solid #FE2B46;z-index:-1}
.FeatureBox{background:#0d0d0d;padding:85px 20px}
.FeatureBox .wrapper{max-width:1536px;margin:0 auto}
.FeatureBox .titlerow{text-align:center;margin-bottom:70px}
.FeatureBox .titlerow h2{font-size:2.8rem;color:#fff;margin:0 0 20px;font-weight:700}
.FeatureBox .titlerow h2::after{content:'';display:block;width:120px;height:4px;background:linear-gradient(90deg,#FE2B46 0%,#008385 100%);margin:16px auto 0}
.FeatureBox .gridset{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.FeatureBox .card1{background:linear-gradient(135deg,#1a1a1a 0%,#0f0f0f 100%);padding:40px 28px;border:2px solid #222;position:relative;overflow:hidden;transition:all .4s ease}
.FeatureBox .card1::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fe2b461a,transparent);transition:left .6s ease}
.FeatureBox .card1:hover::before{left:100%}
.FeatureBox .card1:hover{border-color:#FE2B46;transform:translateY(-6px);box-shadow:0 12px 32px #fe2b4640}
.FeatureBox .card1 .iconarea{font-size:3rem;color:#008385;margin-bottom:24px}
.FeatureBox .card1 h3{font-size:1.5rem;color:#FDC897;margin:0 0 16px;font-weight:600}
.FeatureBox .card1 p{font-size:1rem;color:#b0b0b0;line-height:1.7;margin:0}
.ProcessFlow{background:linear-gradient(180deg,#111 0%,#0a0a0a 100%);padding:100px 20px;position:relative}
.ProcessFlow::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#FE2B46,#008385,transparent)}
.ProcessFlow .contain{max-width:1200px;margin:0 auto}
.ProcessFlow .header2{text-align:center;margin-bottom:80px}
.ProcessFlow .header2 h2{font-size:2.6rem;color:#fff;margin:0 0 18px;font-weight:700}
.ProcessFlow .header2 p{font-size:1.15rem;color:#999;line-height:1.6}
.ProcessFlow .steps{display:flex;flex-direction:column;gap:50px}
.ProcessFlow .step-item{display:grid;grid-template-columns:80px 1fr;gap:30px;align-items:start}
.ProcessFlow .step-item .numbox{width:80px;height:80px;background:linear-gradient(135deg,#FE2B46 0%,#008385 100%);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;border:3px solid #FDC897;box-shadow:0 6px 20px #fe2b4666;position:relative}
.ProcessFlow .step-item .numbox::after{content:'';position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);width:2px;height:50px;background:linear-gradient(180deg,#FDC897,transparent)}
.ProcessFlow .step-item:last-child .numbox::after{display:none}
.ProcessFlow .step-item .txtblock h3{font-size:1.7rem;color:#FE2B46;margin:0 0 14px;font-weight:600}
.ProcessFlow .step-item .txtblock p{font-size:1.05rem;color:silver;line-height:1.75;margin:0}
.TestimonialZone{background:#0d0d0d;padding:95px 20px}
.TestimonialZone .holder2{max-width:1400px;margin:0 auto}
.TestimonialZone .toptext{text-align:center;margin-bottom:65px}
.TestimonialZone .toptext h2{font-size:2.7rem;color:#fff;margin:0 0 20px;font-weight:700;position:relative;display:inline-block}
.TestimonialZone .toptext h2::before{content:'';position:absolute;left:-60px;top:50%;transform:translateY(-50%);width:40px;height:4px;background:linear-gradient(90deg,transparent,#FE2B46)}
.TestimonialZone .toptext h2::after{content:'';position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:40px;height:4px;background:linear-gradient(90deg,#FE2B46,transparent)}
.TestimonialZone .grid3{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.TestimonialZone .testimcard{background:linear-gradient(135deg,#1a1a1a 0%,#111 100%);padding:36px 32px;border-left:4px solid #008385;position:relative;transition:all .3s ease}
.TestimonialZone .testimcard:hover{border-left-color:#FE2B46;transform:translateX(8px);box-shadow:-8px 8px 24px #00838533}
.TestimonialZone .testimcard .quote{font-size:1.1rem;color:#d0d0d0;line-height:1.8;margin:0 0 24px;font-style:italic}
.TestimonialZone .testimcard .author{font-size:1rem;color:#FDC897;font-weight:600;margin:0 0 6px}
.TestimonialZone .testimcard .role{font-size:.95rem;color:#888;margin:0}
.CTABlock{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);padding:100px 20px;position:relative;overflow:hidden}
.CTABlock::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#fe2b4633 0%,transparent 70%);border-radius:50%}
.CTABlock::after{content:'';position:absolute;bottom:-80px;left:-80px;width:350px;height:350px;background:radial-gradient(circle,#00838526 0%,transparent 70%);border-radius:50%}
.CTABlock .innerbox{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}
.CTABlock .innerbox h2{font-size:2.8rem;color:#fff;margin:0 0 26px;font-weight:700;line-height:1.3}
.CTABlock .innerbox p{font-size:1.2rem;color:#b8b8b8;line-height:1.7;margin:0 0 40px}
.CTABlock .btnrow{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.CTABlock .btnrow .btn-primary{padding:18px 48px;background:linear-gradient(135deg,#FE2B46 0%,#d41f39 100%);color:#fff;text-decoration:none;font-weight:600;font-size:1.1rem;border:2px solid transparent;transition:all .3s ease;box-shadow:0 6px 20px #fe2b464d;display:inline-block}
.CTABlock .btnrow .btn-primary:hover{background:linear-gradient(135deg,#d41f39 0%,#FE2B46 100%);transform:translateY(-3px);box-shadow:0 8px 28px #fe2b4680;border-color:#FDC897}
.CTABlock .btnrow .btn-secondary{padding:18px 48px;background:transparent;color:#008385;text-decoration:none;font-weight:600;font-size:1.1rem;border:2px solid #008385;transition:all .3s ease;display:inline-block}
.CTABlock .btnrow .btn-secondary:hover{background:#0083851a;border-color:#FDC897;color:#FDC897;transform:translateY(-3px)}
@media (max-width: 1024px) {
.AccSection .conthold{grid-template-columns:1fr;gap:40px}
.FeatureBox .gridset{grid-template-columns:repeat(2,1fr)}
.TestimonialZone .grid3{grid-template-columns:1fr}
.IntHeroWrap .textzone h1{font-size:2.4rem}
}
@media (max-width: 768px) {
.IntHeroWrap{padding:80px 20px 70px}
.IntHeroWrap .textzone h1{font-size:2rem}
.IntHeroWrap .textzone p{font-size:1rem}
.FeatureBox .gridset{grid-template-columns:1fr;gap:30px}
.ProcessFlow .step-item{grid-template-columns:60px 1fr;gap:20px}
.ProcessFlow .step-item .numbox{width:60px;height:60px;font-size:1.5rem}
.CTABlock .innerbox h2{font-size:2rem}
.CTABlock .btnrow{flex-direction:column;align-items:center}
.CTABlock .btnrow .btn-primary,.CTABlock .btnrow .btn-secondary{width:100%;max-width:320px;text-align:center}
.TestimonialZone .toptext h2::before,.TestimonialZone .toptext h2::after{display:none}
}
.HeroWrap{background:linear-gradient(135deg,#1a1a2e 0%,#0f1419 100%);position:relative;overflow:hidden;padding:90px 0 80px;margin:0 auto}
.HeroWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#fe2b4626 0%,transparent 70%);border-radius:50%}
.HeroWrap::after{content:'';position:absolute;bottom:-30%;left:-15%;width:600px;height:600px;background:radial-gradient(circle,#0083851f 0%,transparent 70%);border-radius:50%}
.hero-inner{max-width:1536px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.hero-txt{color:#e8e8e8}
.hero-txt h1{font-size:3.2rem;line-height:1.15;margin:0 0 28px;color:#fff;font-weight:700}
.hero-txt h1 span{display:block;background:linear-gradient(90deg,#FE2B46 0%,#FDC897 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:12px}
.hero-txt p{font-size:1.15rem;line-height:1.7;color:#b8b8b8;margin-bottom:36px}
.hero-img-holder{position:relative}
.hero-img-holder img{width:100%;height:480px;object-fit:cover;border-radius:8px;filter:brightness(0.85) contrast(1.1);box-shadow:0 12px 48px #0009}
.hero-img-holder::before{content:'';position:absolute;top:-12px;left:-12px;right:12px;bottom:12px;border:2px solid #008385;border-radius:8px;z-index:-1}
.hero-img-holder::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fe2b4640 0%,#00838540 100%);border-radius:8px;pointer-events:none}
.BtnPrim{display:inline-block;padding:16px 42px;background:linear-gradient(135deg,#FE2B46 0%,#ff4560 100%);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;font-size:1.05rem;box-shadow:0 4px 16px #fe2b4666;transition:all .25s ease;border:2px solid transparent}
.BtnPrim:hover{transform:translateY(-2px);box-shadow:0 6px 24px #fe2b4699;border-color:#FDC897}
.AccessWrap{background:#0f1419;padding:80px 0;position:relative}
.AccessWrap::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent 0%,#008385 50%,transparent 100%)}
.box1{max-width:1536px;margin:0 auto;padding:0 24px}
.AccessWrap h2{text-align:center;font-size:2.6rem;color:#fff;margin-bottom:24px}
.AccessWrap h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#FE2B46 0%,#008385 100%);margin:20px auto 0;border-radius:2px}
.access-intro{text-align:center;color:#b8b8b8;font-size:1.1rem;max-width:720px;margin:0 auto 60px;line-height:1.7}
.DeviceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}
.devicebox{background:linear-gradient(145deg,#1a1a2e 0%,#16161f 100%);padding:40px 28px;border-radius:8px;border:1px solid #0083854d;box-shadow:0 4px 20px #0006;transition:all .3s ease;position:relative;overflow:hidden}
.devicebox::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#FE2B46 0%,#008385 100%);transform:scaleX(0);transition:transform .3s ease}
.devicebox:hover::before{transform:scaleX(1)}
.devicebox:hover{transform:translateY(-4px);border-color:#008385;box-shadow:0 8px 32px #0083854d}
.devicebox i{font-size:3rem;color:#FE2B46;display:block;margin-bottom:20px}
.devicebox h3{font-size:1.5rem;color:#fff;margin-bottom:16px}
.devicebox p{color:#b8b8b8;line-height:1.6;font-size:.98rem}
.LearningWrap{background:linear-gradient(180deg,#16161f 0%,#1a1a2e 100%);padding:80px 0}
.learning-holder{max-width:1536px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.learning-visual{position:relative}
.learning-visual img{width:100%;height:520px;object-fit:cover;border-radius:8px;box-shadow:0 8px 32px #00000080}
.overlay-shape{position:absolute;width:180px;height:180px;background:linear-gradient(135deg,#fdc89740 0%,#fe2b4640 100%);border-radius:50%;bottom:-30px;right:-30px;z-index:-1}
.learning-txt h2{font-size:2.4rem;color:#fff;margin-bottom:28px}
.learning-txt h2::before{content:'';display:inline-block;width:6px;height:40px;background:linear-gradient(180deg,#FE2B46 0%,#008385 100%);margin-right:16px;vertical-align:middle;border-radius:3px}
.learning-txt p{color:#b8b8b8;font-size:1.05rem;line-height:1.75;margin-bottom:36px}
.OutcomeList{list-style:none;padding:0;margin:0}
.OutcomeList li{background:#00838514;padding:18px 24px;margin-bottom:16px;border-left:3px solid #008385;border-radius:6px;color:#e8e8e8;font-size:1.02rem;display:flex;align-items:center;transition:all .25s ease}
.OutcomeList li:hover{background:#00838526;transform:translateX(6px)}
.OutcomeList li::before{content:'→';color:#FE2B46;font-weight:700;font-size:1.4rem;margin-right:16px}
.TrustWrap{background:#0f1419;padding:80px 0;position:relative}
.trustbox{max-width:1536px;margin:0 auto;padding:0 24px}
.TrustWrap h2{font-size:2.6rem;color:#fff;text-align:center;margin-bottom:20px}
.trust-subtitle{text-align:center;color:#b8b8b8;font-size:1.1rem;max-width:680px;margin:0 auto 56px;line-height:1.7}
.trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.trustcard{background:linear-gradient(135deg,#1a1a2e 0%,#16161f 100%);padding:36px;border-radius:8px;border:1px solid #fe2b4633;position:relative;box-shadow:0 4px 24px #0006}
.trustcard::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#FE2B46,#008385,#FDC897);border-radius:8px;z-index:-1;opacity:0;transition:opacity .3s ease}
.trustcard:hover::before{opacity:.5}
.trustcard h3{font-size:1.6rem;color:#fff;margin-bottom:20px;display:flex;align-items:center}
.trustcard h3 i{color:#FDC897;margin-right:16px;font-size:2rem}
.trustcard p{color:#b8b8b8;line-height:1.7;font-size:1rem}
.trust-badge{display:inline-block;background:#00838533;color:#FDC897;padding:6px 16px;border-radius:20px;font-size:.88rem;font-weight:600;margin-top:16px;border:1px solid #fdc8974d}
.ProcessWrap{background:linear-gradient(180deg,#1a1a2e 0%,#16161f 100%);padding:80px 0}
.process-holder{max-width:1536px;margin:0 auto;padding:0 24px}
.ProcessWrap h2{font-size:2.6rem;color:#fff;text-align:center;margin-bottom:64px}
.ProcessWrap h2 span{color:#FE2B46;font-weight:700}
.timeline{position:relative;padding-left:60px}
.timeline::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#FE2B46 0%,#008385 50%,#FDC897 100%)}
.timeline-item{position:relative;margin-bottom:48px;padding-left:40px}
.timeline-item::before{content:'';position:absolute;left:-47px;top:8px;width:16px;height:16px;background:#FE2B46;border:3px solid #0f1419;border-radius:50%;box-shadow:0 0 0 4px #fe2b4633}
.timeline-item:nth-child(2)::before{background:#008385;box-shadow:0 0 0 4px #00838533}
.timeline-item:nth-child(3)::before{background:#FDC897;box-shadow:0 0 0 4px #fdc89733}
.phase-label{display:inline-block;background:#fe2b4626;color:#FE2B46;padding:6px 18px;border-radius:20px;font-size:.85rem;font-weight:700;margin-bottom:12px;border:1px solid #fe2b464d}
.timeline-item:nth-child(2) .phase-label{background:#00838526;color:#008385;border-color:#0083854d}
.timeline-item:nth-child(3) .phase-label{background:#fdc89726;color:#FDC897;border-color:#fdc8974d}
.timeline-item h3{font-size:1.7rem;color:#fff;margin-bottom:16px}
.timeline-item p{color:#b8b8b8;line-height:1.7;font-size:1.02rem;margin-bottom:20px}
.time-info{background:#0083851a;padding:14px 20px;border-radius:6px;border-left:3px solid #008385;display:inline-block}
.time-info strong{color:#FDC897;font-size:.95rem}
.time-info span{color:#e8e8e8;margin-left:8px}
.CtaSection{background:linear-gradient(135deg,#1a1a2e 0%,#0f1419 100%);padding:100px 0;text-align:center;position:relative;overflow:hidden}
.CtaSection::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1200px;height:1200px;background:radial-gradient(circle,#fe2b4614 0%,transparent 70%);border-radius:50%}
.cta-inner{max-width:900px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.CtaSection h2{font-size:3rem;color:#fff;margin-bottom:24px;line-height:1.2}
.CtaSection p{font-size:1.2rem;color:#b8b8b8;margin-bottom:44px;line-height:1.7}
.cta-btn-group{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.BtnSecondary{display:inline-block;padding:16px 42px;background:transparent;color:#008385;text-decoration:none;border:2px solid #008385;border-radius:6px;font-weight:600;font-size:1.05rem;transition:all .25s ease}
.BtnSecondary:hover{background:#008385;color:#fff;box-shadow:0 6px 24px #00838566;transform:translateY(-2px)}
@media (max-width: 1024px) {
.hero-inner{grid-template-columns:1fr;gap:48px}
.hero-txt h1{font-size:2.6rem}
.hero-img-holder img{height:380px}
.DeviceGrid{grid-template-columns:1fr;gap:24px}
.learning-holder{grid-template-columns:1fr;gap:48px}
.learning-visual img{height:400px}
.trust-grid{grid-template-columns:1fr}
.timeline{padding-left:40px}
.timeline-item{padding-left:30px}
}
@media (max-width: 768px) {
.HeroWrap{padding:60px 0 50px}
.hero-txt h1{font-size:2.2rem}
.hero-txt p{font-size:1.05rem}
.hero-img-holder img{height:320px}
.AccessWrap h2,.LearningWrap h2,.TrustWrap h2,.ProcessWrap h2{font-size:2.2rem}
.learning-txt h2{font-size:2rem}
.CtaSection h2{font-size:2.4rem}
.CtaSection p{font-size:1.1rem}
.cta-btn-group{flex-direction:column;align-items:center}
.BtnPrim,.BtnSecondary{width:100%;max-width:320px}
}
.TopHero{background:linear-gradient(135deg,#0a0f1a 0%,#1a1f2e 100%);min-height:520px;display:flex;align-items:center;position:relative;overflow:hidden;padding:60px 0}
.TopHero::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#fe2b4626 0%,transparent 70%);border-radius:50%}
.TopHero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,#0083851f 0%,transparent 70%);border-radius:50%}
.TopHero .ContentWrap{max-width:1536px;width:90%;margin:0 auto;display:flex;align-items:center;gap:48px;position:relative;z-index:2}
.TopHero .TextSide{flex:0 0 50%}
.TopHero .ImageSide{flex:0 0 50%;position:relative}
.TopHero .HeroTitle{font-size:3.2rem;line-height:1.15;color:#f0f4f8;margin:0 0 24px;font-weight:700}
.TopHero .HeroTitle::before{content:'';display:block;width:70px;height:5px;background:linear-gradient(90deg,#FE2B46 0%,#FDC897 100%);margin-bottom:20px;box-shadow:0 0 12px #fe2b4666}
.TopHero .LeadText{font-size:1.15rem;line-height:1.65;color:#b8c5d6;margin:0 0 36px}
.TopHero .BtnGroup{display:flex;gap:16px;flex-wrap:wrap}
.TopHero .PrimaryBtn{background:linear-gradient(135deg,#FE2B46 0%,#FE4564 100%);color:#fff;padding:14px 32px;text-decoration:none;border:2px solid transparent;font-weight:600;transition:all .3s ease;display:inline-block;box-shadow:0 4px 16px #fe2b464d}
.TopHero .PrimaryBtn:hover{box-shadow:0 6px 24px #fe2b4680;transform:translateY(-2px);border-color:#FDC897}
.TopHero .SecondaryBtn{background:transparent;color:#008385;padding:14px 32px;text-decoration:none;border:2px solid #008385;font-weight:600;transition:all .3s ease;display:inline-block}
.TopHero .SecondaryBtn:hover{background:#0083851a;box-shadow:0 0 16px #0083854d}
.TopHero .VisualFrame{background:linear-gradient(225deg,#1a1f2e 0%,#0f1419 100%);padding:24px;border:3px solid #008385;box-shadow:0 8px 32px #00838533;position:relative}
.TopHero .VisualFrame::before{content:'';position:absolute;top:-12px;right:-12px;width:120px;height:120px;border:2px solid #FE2B46;box-shadow:0 0 20px #fe2b464d}
.TopHero .InnerVisual{background:linear-gradient(135deg,#008385 0%,#00a5a8 100%);height:340px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.TopHero .InnerVisual::before{content:'';position:absolute;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 20px,#fdc89714 20px,#fdc89714 40px);animation:movePattern 20s linear infinite}
@keyframes movePattern {
0%{transform:translate(0,0)}
100%{transform:translate(40px,40px)}
}
.TopHero .FocusElement{width:180px;height:180px;background:radial-gradient(circle,#FDC897 0%,#FE2B46 100%);border-radius:50%;box-shadow:0 0 60px #fe2b4699 inset 0 0 40px #0083854d;position:relative;z-index:2}
.ContactMethods{background:#0f1419;padding:80px 0;position:relative}
.ContactMethods::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#008385 50%,transparent 100%);box-shadow:0 0 8px #00838580}
.ContactMethods .holder{max-width:1536px;width:90%;margin:0 auto}
.ContactMethods .SectionHead{text-align:center;margin-bottom:56px}
.ContactMethods .SectionHead h2{font-size:2.5rem;color:#f0f4f8;margin:0 0 16px;font-weight:700}
.ContactMethods .SectionHead h2::after{content:'';display:block;width:90px;height:4px;background:linear-gradient(90deg,#FE2B46 0%,#008385 100%);margin:20px auto 0;box-shadow:0 0 10px #fe2b4666}
.ContactMethods .Intro{font-size:1.1rem;color:#b8c5d6;line-height:1.6;max-width:720px;margin:0 auto}
.ContactMethods .Grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}
.ContactMethods .MethodCard{background:linear-gradient(135deg,#1a1f2e 0%,#151a26 100%);padding:40px 32px;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}
.ContactMethods .MethodCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#FE2B46 0%,#008385 100%);transform:scaleX(0);transition:transform .3s ease}
.ContactMethods .MethodCard:hover{border-color:#008385;box-shadow:0 8px 32px #00838533;transform:translateY(-4px)}
.ContactMethods .MethodCard:hover::before{transform:scaleX(1)}
.ContactMethods .IconBox{width:72px;height:72px;background:linear-gradient(135deg,#FE2B46 0%,#FE4564 100%);display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 4px 20px #fe2b464d}
.ContactMethods .IconBox i{font-size:32px;color:#fff}
.ContactMethods .MethodCard h3{font-size:1.4rem;color:#f0f4f8;margin:0 0 12px;font-weight:600}
.ContactMethods .MethodCard p{font-size:.95rem;color:#8a9db5;line-height:1.5;margin:0 0 20px}
.ContactMethods .ContactLink{color:#FDC897;text-decoration:none;font-weight:600;display:inline-block;border-bottom:2px solid transparent;transition:all .3s ease}
.ContactMethods .ContactLink:hover{color:#FE2B46;border-bottom-color:#FE2B46}
.ContactMethods .AddressBox{margin-top:20px;padding:16px;background:#0083851a;border-left:3px solid #008385}
.ContactMethods .AddressBox p{margin:0;color:#b8c5d6;font-size:.95rem;line-height:1.6}
.FormSection{background:linear-gradient(180deg,#0f1419 0%,#1a1f2e 100%);padding:80px 0 100px;position:relative}
.FormSection::before{content:'';position:absolute;bottom:0;right:0;width:400px;height:400px;background:radial-gradient(circle,#fdc89714 0%,transparent 70%);border-radius:50%}
.FormSection .container{max-width:1536px;width:90%;margin:0 auto;position:relative;z-index:2}
.FormSection .FormWrap{max-width:720px;margin:0 auto;background:#151a26;padding:56px 48px;border:2px solid #008385;box-shadow:0 12px 48px #0006;position:relative}
.FormSection .FormWrap::before{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border:1px solid #fe2b464d;pointer-events:none}
.FormSection .FormHead{text-align:center;margin-bottom:40px}
.FormSection .FormHead h2{font-size:2.2rem;color:#f0f4f8;margin:0 0 12px;font-weight:700}
.FormSection .FormHead p{font-size:1rem;color:#8a9db5;margin:0;line-height:1.5}
.FormSection .FormGroup{margin-bottom:28px}
.FormSection .FormGroup label{display:block;font-size:.95rem;color:#b8c5d6;margin-bottom:8px;font-weight:600}
.FormSection .FormGroup input[type="text"],.FormSection .FormGroup input[type="email"],.FormSection .FormGroup textarea{width:100%;padding:14px 16px;background:#0f1419;border:2px solid #2a3442;color:#f0f4f8;font-size:1rem;transition:all .3s ease;box-sizing:border-box}
.FormSection .FormGroup input[type="text"]:focus,.FormSection .FormGroup input[type="email"]:focus,.FormSection .FormGroup textarea:focus{outline:none;border-color:#008385;box-shadow:0 0 0 3px #0083851a inset 0 2px 6px #00838526}
.FormSection .FormGroup textarea{min-height:140px;resize:vertical}
.FormSection .RadioSet{display:flex;gap:24px;margin-top:12px}
.FormSection .RadioOption{display:flex;align-items:center;gap:8px}
.FormSection .RadioOption input[type="radio"]{appearance:none;width:20px;height:20px;border:2px solid #2a3442;background:#0f1419;cursor:pointer;position:relative;transition:all .3s ease}
.FormSection .RadioOption input[type="radio"]:checked{border-color:#FE2B46;background:#0f1419}
.FormSection .RadioOption input[type="radio"]:checked::before{content:'';position:absolute;width:10px;height:10px;background:#FE2B46;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #fe2b4699}
.FormSection .RadioOption label{color:#b8c5d6;font-size:.95rem;margin:0;cursor:pointer}
.FormSection .PrivacyCheck{margin-bottom:32px;display:flex;align-items:flex-start;gap:12px}
.FormSection .PrivacyCheck input[type="checkbox"]{appearance:none;width:22px;height:22px;min-width:22px;border:2px solid #2a3442;background:#0f1419;cursor:pointer;position:relative;margin-top:2px;transition:all .3s ease}
.FormSection .PrivacyCheck input[type="checkbox"]:checked{border-color:#008385;background:#008385}
.FormSection .PrivacyCheck input[type="checkbox"]:checked::before{content:'✓';position:absolute;color:#fff;font-size:16px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}
.FormSection .PrivacyCheck label{font-size:.9rem;color:#8a9db5;line-height:1.5;margin:0}
.FormSection .PrivacyCheck a{color:#FDC897;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}
.FormSection .PrivacyCheck a:hover{color:#FE2B46;border-bottom-color:#FE2B46}
.FormSection .SubmitBtn{width:100%;padding:16px 32px;background:linear-gradient(135deg,#FE2B46 0%,#FE4564 100%);color:#fff;border:none;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #fe2b464d}
.FormSection .SubmitBtn:hover{box-shadow:0 6px 28px #fe2b4680;transform:translateY(-2px)}
@media (max-width: 1024px) {
.TopHero .ContentWrap{flex-direction:column;gap:40px}
.TopHero .TextSide,.TopHero .ImageSide{flex:0 0 100%}
.TopHero .HeroTitle{font-size:2.5rem}
.ContactMethods .Grid3{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 768px) {
.TopHero{min-height:auto;padding:40px 0}
.TopHero .HeroTitle{font-size:2rem}
.TopHero .LeadText{font-size:1rem}
.TopHero .BtnGroup{flex-direction:column}
.TopHero .PrimaryBtn,.TopHero .SecondaryBtn{width:100%;text-align:center}
.TopHero .InnerVisual{height:260px}
.TopHero .FocusElement{width:140px;height:140px}
.ContactMethods,.FormSection{padding:60px 0}
.ContactMethods .SectionHead h2{font-size:2rem}
.FormSection .FormWrap{padding:40px 28px}
.FormSection .FormHead h2{font-size:1.8rem}
.FormSection .RadioSet{flex-direction:column;gap:16px}
}
@media (max-width: 480px) {
.TopHero .VisualFrame{padding:16px}
.TopHero .VisualFrame::before{width:80px;height:80px}
.ContactMethods .MethodCard{padding:32px 24px}
.FormSection .FormWrap{padding:32px 20px}
}
.TopBanner{background:linear-gradient(135deg,#0a0f1a 0%,#1a1f2e 100%);padding:80px 20px;position:relative;overflow:hidden}
.TopBanner::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fe2b4626 0%,transparent 70%);border-radius:50%}
.TopBanner::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#0083851f 0%,transparent 70%);border-radius:50%}
.TopBanner .content-holder{max-width:1536px;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:60px;position:relative;z-index:2}
.TopBanner .TextColumn{flex:1;max-width:700px}
.TopBanner .ImageColumn{flex:0 0 380px;position:relative}
.TopBanner .ImageColumn::before{content:'';position:absolute;top:-15px;left:-15px;width:100%;height:100%;border:2px solid #FE2B46;z-index:-1}
.TopBanner .ImageColumn img{width:100%;height:420px;object-fit:cover;filter:sepia(0.3) contrast(1.1);display:block}
.TopBanner .MainHeading{font-size:48px;line-height:1.2;color:#fff;margin:0 0 24px;font-weight:700;text-shadow:0 2px 8px #0006}
.TopBanner .MainHeading span{background:linear-gradient(90deg,#FE2B46 0%,#008385 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.TopBanner .IntroText{font-size:18px;line-height:1.7;color:#c8d1e0;margin:0 0 16px}
.TopBanner .ThesisList{list-style:none;padding:0;margin:0}
.TopBanner .ThesisList li{font-size:16px;line-height:1.6;color:#a8b5c9;padding:8px 0 8px 32px;position:relative}
.TopBanner .ThesisList li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:2px;background:linear-gradient(90deg,#FE2B46 0%,#FDC897 100%)}
@media (max-width: 1024px) {
.TopBanner .content-holder{flex-direction:column;gap:40px}
.TopBanner .ImageColumn{flex:0 0 auto;width:100%;max-width:500px}
.TopBanner .MainHeading{font-size:38px}
}
@media (max-width: 768px) {
.TopBanner{padding:50px 20px}
.TopBanner .MainHeading{font-size:32px}
.TopBanner .ImageColumn{max-width:100%}
.TopBanner .ImageColumn img{height:320px}
}
.StructureSection{background:#0d1219;padding:90px 20px;position:relative}
.StructureSection::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#FE2B46 0%,#008385 50%,#FDC897 100%)}
.StructureSection .wrap{max-width:1536px;margin:0 auto}
.StructureSection .SectionTitle{font-size:38px;color:#fff;margin:0 0 50px;text-align:center;font-weight:700;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}
.StructureSection .SectionTitle::after{content:'';position:absolute;bottom:-12px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,#008385 50%,transparent 100%)}
.StructureSection .ModuleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.StructureSection .ModuleCard{background:linear-gradient(135deg,#141921 0%,#1a202c 100%);padding:32px;border:1px solid #2a3343;position:relative;transition:all .3s ease}
.StructureSection .ModuleCard:hover{border-color:#FE2B46;transform:translateY(-4px);box-shadow:0 8px 24px #fe2b4633}
.StructureSection .ModuleCard::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#FE2B46 0%,#008385 100%);opacity:0;transition:opacity .3s ease}
.StructureSection .ModuleCard:hover::before{opacity:1}
.StructureSection .ModuleNumber{font-size:14px;color:#FDC897;font-weight:700;margin:0 0 12px;text-transform:uppercase;letter-spacing:1px}
.StructureSection .ModuleTitle{font-size:22px;color:#fff;margin:0 0 16px;font-weight:700}
.StructureSection .ModuleDesc{font-size:15px;line-height:1.7;color:#8a96a8;margin:0}
@media (max-width: 1024px) {
.StructureSection .ModuleGrid{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media (max-width: 768px) {
.StructureSection{padding:60px 20px}
.StructureSection .SectionTitle{font-size:30px}
.StructureSection .ModuleGrid{grid-template-columns:1fr;gap:24px}
}
.ApproachBlock{background:#0a0f1a;padding:100px 20px;position:relative;overflow:hidden}
.ApproachBlock::before{content:'';position:absolute;top:20%;left:-100px;width:300px;height:300px;background:radial-gradient(circle,#0083851a 0%,transparent 70%);border-radius:50%}
.ApproachBlock .content-wrap{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.ApproachBlock .HeadingWrap{text-align:center;margin-bottom:60px}
.ApproachBlock .MainH2{font-size:40px;color:#fff;margin:0 0 20px;font-weight:700}
.ApproachBlock .SubText{font-size:18px;color:#97a4b5;margin:0;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}
.ApproachBlock .FeatureLayout{display:flex;flex-direction:row;gap:50px;align-items:flex-start}
.ApproachBlock .FeatureItem{flex:1;background:linear-gradient(135deg,#12171f 0%,#1d2531 100%);padding:40px 30px;border-left:4px solid #008385;transition:all .3s ease}
.ApproachBlock .FeatureItem:hover{border-left-color:#FE2B46;transform:translateX(8px)}
.ApproachBlock .FeatureIcon{font-size:42px;color:#FDC897;margin:0 0 20px}
.ApproachBlock .FeatureTitle{font-size:24px;color:#fff;margin:0 0 16px;font-weight:700}
.ApproachBlock .FeatureText{font-size:15px;line-height:1.7;color:#8a96a8;margin:0}
@media (max-width: 1024px) {
.ApproachBlock .FeatureLayout{flex-direction:column;gap:30px}
}
@media (max-width: 768px) {
.ApproachBlock{padding:70px 20px}
.ApproachBlock .MainH2{font-size:32px}
.ApproachBlock .HeadingWrap{margin-bottom:40px}
}
.ToolsArea{background:linear-gradient(180deg,#141921 0%,#0d1219 100%);padding:90px 20px;position:relative}
.ToolsArea::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#FE2B46 50%,transparent 100%)}
.ToolsArea .holder{max-width:1400px;margin:0 auto}
.ToolsArea .TopHeader{font-size:36px;color:#fff;margin:0 0 60px;font-weight:700;text-align:left;position:relative;padding-left:24px}
.ToolsArea .TopHeader::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:60%;background:linear-gradient(180deg,#FE2B46 0%,#008385 100%)}
.ToolsArea .ToolGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.ToolsArea .ToolBox{background:#1a202c;padding:28px 24px;border:1px solid #2a3343;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}
.ToolsArea .ToolBox::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,#fe2b460d 50%,transparent 100%);transition:left .5s ease}
.ToolsArea .ToolBox:hover::before{left:100%}
.ToolsArea .ToolBox:hover{border-color:#008385;box-shadow:0 6px 20px #00838526}
.ToolsArea .ToolName{font-size:18px;color:#fff;margin:0 0 10px;font-weight:700}
.ToolsArea .ToolType{font-size:13px;color:#FDC897;margin:0;text-transform:uppercase;letter-spacing:.5px}
@media (max-width: 1024px) {
.ToolsArea .ToolGrid{grid-template-columns:repeat(3,1fr);gap:24px}
}
@media (max-width: 768px) {
.ToolsArea{padding:60px 20px}
.ToolsArea .TopHeader{font-size:28px;margin-bottom:40px}
.ToolsArea .ToolGrid{grid-template-columns:repeat(2,1fr);gap:20px}
}
@media (max-width: 480px) {
.ToolsArea .ToolGrid{grid-template-columns:1fr}
}
.CtaSection{background:linear-gradient(135deg,#0a0f1a 0%,#141921 50%,#0d1219 100%);padding:110px 20px;position:relative;overflow:hidden}
.CtaSection::before{content:'';position:absolute;top:-200px;right:-200px;width:500px;height:500px;background:radial-gradient(circle,#fe2b4614 0%,transparent 70%);border-radius:50%}
.CtaSection::after{content:'';position:absolute;bottom:-150px;left:-150px;width:400px;height:400px;background:radial-gradient(circle,#0083850f 0%,transparent 70%);border-radius:50%}
.CtaSection .wrap-center{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}
.CtaSection .BigHeading{font-size:44px;color:#fff;margin:0 0 24px;font-weight:700;line-height:1.3}
.CtaSection .BigHeading span{background:linear-gradient(90deg,#FE2B46 0%,#FDC897 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.CtaSection .DescText{font-size:18px;line-height:1.7;color:#97a4b5;margin:0 0 40px;max-width:700px;margin-left:auto;margin-right:auto}
.CtaSection .BtnGroup{display:flex;flex-direction:row;gap:20px;justify-content:center}
.CtaSection .PrimaryBtn{background:linear-gradient(135deg,#FE2B46 0%,#ff4560 100%);color:#fff;padding:16px 42px;font-size:17px;font-weight:700;text-decoration:none;display:inline-block;transition:all .3s ease;border:2px solid transparent;position:relative;z-index:10}
.CtaSection .PrimaryBtn:hover{background:linear-gradient(135deg,#ff4560 0%,#FE2B46 100%);box-shadow:0 6px 24px #fe2b4666;transform:translateY(-2px)}
.CtaSection .SecondaryBtn{background:transparent;color:#008385;padding:16px 42px;font-size:17px;font-weight:700;text-decoration:none;display:inline-block;border:2px solid #008385;transition:all .3s ease;position:relative;z-index:10}
.CtaSection .SecondaryBtn:hover{background:#008385;color:#fff;box-shadow:0 6px 24px #0083854d;transform:translateY(-2px)}
@media (max-width: 768px) {
.CtaSection{padding:70px 20px}
.CtaSection .BigHeading{font-size:34px}
.CtaSection .BtnGroup{flex-direction:column;gap:16px}
.CtaSection .PrimaryBtn,.CtaSection .SecondaryBtn{width:100%;text-align:center}
}
.SuccessWrap{background:linear-gradient(135deg,#0a0f1a 0%,#1a2332 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow:hidden}
.SuccessWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fe2b4626 0%,transparent 70%);border-radius:50%;animation:pulse-glow 4s ease-in-out infinite}
.SuccessWrap::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#0083851f 0%,transparent 70%);border-radius:50%;animation:pulse-glow 5s ease-in-out infinite 1s}
@keyframes pulse-glow {
0%,100%{transform:scale(1);opacity:.8}
50%{transform:scale(1.1);opacity:1}
}
.MainSuccessBox{background:linear-gradient(160deg,#1a2738 0%,#0f1822 100%);border:1px solid #fdc89733;padding:60px 50px;max-width:720px;width:100%;position:relative;z-index:2;box-shadow:0 8px 32px #00000080 0 0 0 1px #fe2b461a}
.IconCircle{width:90px;height:90px;background:linear-gradient(135deg,#fe2b4640 0%,#00838540 100%);border:2px solid #FE2B46;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;position:relative;box-shadow:0 0 20px #fe2b4666 inset 0 2px 8px #0000004d}
.IconCircle::before{content:'';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(45deg,#FE2B46,#008385,#FDC897);opacity:.3;filter:blur(8px);z-index:-1}
.IconCircle .pe-7s-check{font-size:48px;color:#FDC897;text-shadow:0 0 12px #fdc897cc}
.SuccessTitle{font-size:32px;font-weight:700;color:#fff;text-align:center;margin:0 0 18px;letter-spacing:.5px;text-shadow:0 2px 8px #fe2b464d}
.SuccessTitle::after{content:'';display:block;width:80px;height:3px;background:linear-gradient(90deg,transparent,#FE2B46,transparent);margin:18px auto 0;box-shadow:0 0 8px #fe2b4699}
.MsgText{font-size:17px;line-height:1.7;color:#ffffffd9;text-align:center;margin:0 0 35px;max-width:540px;margin-left:auto;margin-right:auto}
.ButtonGroup{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.PrimaryBtn{background:linear-gradient(135deg,#FE2B46 0%,#d41f38 100%);color:#fff;padding:15px 36px;text-decoration:none;font-size:16px;font-weight:600;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 12px #fe2b4659;z-index:10}
.PrimaryBtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fff3,transparent);transition:left .5s ease}
.PrimaryBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fe2b4680 0 0 0 2px #fdc8974d}
.PrimaryBtn:hover::before{left:100%}
.SecondaryBtn{background:transparent;color:#FDC897;padding:15px 36px;text-decoration:none;font-size:16px;font-weight:600;border:2px solid #008385;transition:all .3s ease;position:relative;box-shadow:0 0 12px #0083854d;z-index:10}
.SecondaryBtn:hover{background:#00838526;border-color:#FDC897;box-shadow:0 0 20px #fdc89766;transform:translateY(-2px)}
.InfoSec{background:linear-gradient(180deg,#0d1419 0%,#1a2533 100%);padding:80px 20px;position:relative}
.InfoSec::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#FE2B46,#008385,transparent);box-shadow:0 0 12px #fe2b4680}
.ContentHolder{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.TextBlock h2{font-size:36px;color:#fff;margin:0 0 24px;font-weight:700;position:relative;display:inline-block}
.TextBlock h2::before{content:'';position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:4px;height:80%;background:linear-gradient(180deg,#FE2B46,#008385);box-shadow:0 0 8px #fe2b4699}
.TextBlock p{font-size:17px;line-height:1.75;color:#fffc;margin:0 0 20px}
.DetailGrid{display:grid;grid-template-columns:1fr;gap:20px}
.InfoCard{background:linear-gradient(135deg,#1a273899 0%,#0f182299 100%);border:1px solid #fdc89726;padding:28px 26px;position:relative;transition:all .3s ease;box-shadow:inset 0 1px 3px #0000004d}
.InfoCard::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#FE2B46,#008385);opacity:0;transition:opacity .3s ease}
.InfoCard:hover{border-color:#fe2b4666;box-shadow:0 4px 16px #00838533 inset 0 1px 3px #0000004d;transform:translateX(4px)}
.InfoCard:hover::before{opacity:1}
.InfoCard h3{font-size:20px;color:#FDC897;margin:0 0 12px;font-weight:600;text-shadow:0 0 8px #fdc8974d}
.InfoCard p{font-size:15px;line-height:1.6;color:#ffffffbf;margin:0}
.InfoCard .pe-7s-angle-right{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:20px;color:#008385;opacity:0;transition:all .3s ease}
.InfoCard:hover .pe-7s-angle-right{opacity:1;right:16px}
@media (max-width: 768px) {
.MainSuccessBox{padding:40px 30px}
.SuccessTitle{font-size:26px}
.MsgText{font-size:16px}
.ButtonGroup{flex-direction:column}
.PrimaryBtn,.SecondaryBtn{width:100%;text-align:center}
.ContentHolder{grid-template-columns:1fr;gap:40px}
.TextBlock h2{font-size:28px}
.InfoSec{padding:60px 20px}
}
@media (max-width: 480px) {
.SuccessWrap{padding:30px 16px}
.MainSuccessBox{padding:30px 20px}
.IconCircle{width:70px;height:70px}
.IconCircle .pe-7s-check{font-size:36px}
.SuccessTitle{font-size:22px}
.TextBlock h2{font-size:24px}
}