@import "https://cdn.jsdelivr.net/npm/@fontsource/bitter@latest/300.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/bitter@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/bitter@latest/700.css";
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'Bitter',serif;font-weight:400;line-height:1.6;color:#2a2a2a;background:#F8F8F2;overflow-x:hidden}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:#f8f8f24d}
::-webkit-scrollbar-thumb{background:#F6376C;border-radius:30px}
::-webkit-scrollbar-thumb:hover{background:#313AC5}
.headwrap{background:linear-gradient(135deg,#fff 0%,#F8F8F2 100%);border-bottom:3px solid #F6376C;box-shadow:0 4px 6px #313ac514;padding:28px 0}
.headcontainer{max-width:1600px;margin:0 auto;padding:0 20px}
.toprow{display:flex;justify-content:center;align-items:center;margin-bottom:24px}
.logobox{display:flex;align-items:center;justify-content:center}
.logobox img{height:110px;width:110px;object-fit:contain;transition:all .3s ease-in}
.logobox img:hover{transform:scale(1.05)}
.middlerow{text-align:center;margin-bottom:30px}
.compname{font-size:2.8rem;font-weight:700;color:#313AC5;letter-spacing:-.5px;text-shadow:2px 2px 4px #f6376c26}
.bottomrow{display:flex;justify-content:center;align-items:center}
.navi{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}
.navi a{display:inline-block;padding:14px 28px;color:#2a2a2a;text-decoration:none;font-size:1.05rem;font-weight:400;border:2px solid #F6376C;border-radius:30px;background:#fff;transition:all .3s ease-in;box-shadow:inset 0 2px 3px #f6376c1a}
.navi a:hover{background:#F6376C;color:#fff;box-shadow:0 3px 8px #f6376c4d}
.contactblock{display:flex;flex-direction:column;gap:12px;align-items:center;padding:20px;border:2px solid #313AC5;border-radius:25px;background:#f8f8f280;box-shadow:inset 0 3px 5px #313ac514;margin-top:20px}
.contactitem{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#2a2a2a}
.contactitem i{color:#F6376C;font-size:1.2rem}
.contactitem a{color:#313AC5;text-decoration:none;transition:color .3s ease-in}
.contactitem a:hover{color:#F6376C}
.footwrap{background:linear-gradient(135deg,#fff 0%,#F8F8F2 100%);border-top:3px solid #313AC5;padding:40px 0 30px;margin-top:80px;box-shadow:0 -3px 12px #f6376c1a inset 0 4px 6px #313ac50d}
.footcontainer{max-width:1200px;margin:0 auto;padding:0 20px}
.footcontent{display:flex;flex-direction:column;gap:24px;align-items:center}
.footlinks{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}
.footlinks a{color:#2a2a2a;text-decoration:none;font-size:.95rem;padding:8px 18px;border:1px solid #F6376C;border-radius:20px;background:#f6376c0d;transition:all .3s ease-in;box-shadow:inset 0 2px 3px #f6376c14}
.footlinks a:hover{background:#F6376C;color:#fff;box-shadow:0 2px 6px #f6376c40}
.copyright{font-size:.9rem;color:#666;text-align:center}
.cookiebox{position:fixed;bottom:30px;right:30px;max-width:420px;background:#fff;border:3px solid #F6376C;border-radius:30px;padding:26px;box-shadow:4px 4px 14px #313ac533 inset 0 3px 6px #f8f8f24d;z-index:10000;transform:translateX(500px);transition:transform .4s ease-in}
.cookiebox.showme{transform:translateX(0)}
.cookiehead{font-size:1.3rem;font-weight:700;color:#313AC5;margin-bottom:14px}
.cookietext{font-size:.95rem;color:#2a2a2a;margin-bottom:18px;line-height:1.5}
.cookieoptions{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.cookieopt{display:flex;align-items:center;gap:10px}
.cookieopt input[type="checkbox"]{width:20px;height:20px;cursor:pointer}
.cookieopt label{font-size:.9rem;color:#2a2a2a;cursor:pointer}
.cookiebuttons{display:flex;gap:12px}
.cookiebuttons button{flex:1;padding:12px 20px;border:2px solid #F6376C;border-radius:25px;background:#fff;color:#2a2a2a;font-size:1rem;font-weight:700;font-family:'Bitter',serif;cursor:pointer;transition:all .3s ease-in;box-shadow:inset 0 2px 4px #f6376c1a}
.cookiebuttons button:hover{background:#F6376C;color:#fff;box-shadow:0 3px 8px #f6376c4d}
.datasaleopt{margin-top:14px;padding-top:14px;border-top:1px solid #f6376c33}
@media (max-width: 768px) {
.compname{font-size:2rem}
.navi{gap:6px}
.navi a{padding:10px 18px;font-size:.95rem}
.cookiebox{bottom:15px;right:15px;left:15px;max-width:none}
.cookiebuttons{flex-direction:column}
.contactblock{margin-top:15px}
.logobox img{height:85px;width:85px}
}
@media (max-width: 480px) {
.compname{font-size:1.6rem}
.navi a{padding:8px 14px;font-size:.88rem}
.headwrap{padding:20px 0}
.middlerow{margin-bottom:20px}
.logobox img{height:70px;width:70px}
}
.hero-tipbox{background:linear-gradient(135deg,#F6376C 0%,#313AC5 100%);padding:80px 20px;position:relative;overflow:hidden}
.hero-tipbox::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#f8f8f21a;border-radius:50%;z-index:1}
.hero-tipbox::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#f8f8f214;border-radius:50%;z-index:1}
.hero-tipbox .contentwrap{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.hero-tipbox .maintitle{font-size:56px;color:#F8F8F2;font-weight:700;margin:0 0 24px;line-height:1.2}
.hero-tipbox .subtxt{font-size:20px;color:#F8F8F2;line-height:1.6;max-width:700px}
.guidesection{padding:100px 20px;background:#F8F8F2}
.guidesection .wrapdata{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}
.guidesection .tipcard{background:#fff;border-radius:32px;padding:0;overflow:hidden;box-shadow:0 4px 20px #313ac514;transition:all .3s ease-in;position:relative}
.guidesection .tipcard:hover{transform:translateY(-8px);box-shadow:0 8px 32px #f6376c26}
.guidesection .tipcard .imgwrap{width:100%;height:240px;overflow:hidden}
.guidesection .tipcard .imgwrap img{width:100%;height:100%;object-fit:cover}
.guidesection .tipcard .carddata{padding:32px}
.guidesection .tipcard .cardtitle{font-size:24px;font-weight:700;color:#313AC5;margin:0 0 16px;line-height:1.3}
.guidesection .tipcard .carddesc{font-size:16px;color:#444;line-height:1.7;margin:0}
.guidesection .tipcard .numbermark{position:absolute;top:200px;right:24px;width:60px;height:60px;background:#F6376C;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;box-shadow:0 4px 16px #f6376c4d}
.strategysec{padding:80px 20px;background:#fff}
.strategysec .centerwrap{max-width:1200px;margin:0 auto}
.strategysec .sectionhead{text-align:center;margin-bottom:60px}
.strategysec .sectionhead .headline{font-size:42px;font-weight:700;color:#313AC5;margin:0 0 20px;position:relative;display:inline-block}
.strategysec .sectionhead .headline::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,#F6376C 0%,#313AC5 100%);border-radius:4px}
.strategysec .sectionhead .headdesc{font-size:18px;color:#666;line-height:1.6;max-width:800px;margin:24px auto 0}
.strategysec .splitlayout{display:grid;grid-template-columns:45% 55%;gap:60px;align-items:start}
.strategysec .leftcolumn{position:sticky;top:100px}
.strategysec .leftcolumn .profilebox{background:linear-gradient(135deg,#f6376c1a 0%,#313ac51a 100%);border-radius:28px;padding:40px;text-align:center}
.strategysec .leftcolumn .profilebox .avatarimg{width:180px;height:180px;border-radius:50%;object-fit:cover;border:6px solid #fff;box-shadow:0 6px 24px #0000001a;margin:0 auto 24px;display:block}
.strategysec .leftcolumn .profilebox .namebox{font-size:26px;font-weight:700;color:#313AC5;margin:0 0 8px}
.strategysec .leftcolumn .profilebox .rolebox{font-size:16px;color:#666;margin:0}
.strategysec .rightcolumn .stepbox{background:#F8F8F2;border-radius:24px;padding:36px;margin-bottom:32px;position:relative;border-left:6px solid #F6376C;transition:all .3s ease-in}
.strategysec .rightcolumn .stepbox:hover{border-left-color:#313AC5;transform:translateX(8px)}
.strategysec .rightcolumn .stepbox .stepnum{font-size:14px;font-weight:700;color:#F6376C;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px}
.strategysec .rightcolumn .stepbox .steptitle{font-size:22px;font-weight:700;color:#313AC5;margin:0 0 16px;line-height:1.3}
.strategysec .rightcolumn .stepbox .stepdesc{font-size:16px;color:#555;line-height:1.7;margin:0}
.testimonialzone{padding:100px 20px;background:linear-gradient(180deg,#F8F8F2 0%,white 100%)}
.testimonialzone .containdata{max-width:1400px;margin:0 auto}
.testimonialzone .headbox{text-align:center;margin-bottom:70px}
.testimonialzone .headbox .maintxt{font-size:44px;font-weight:700;color:#313AC5;margin:0 0 20px}
.testimonialzone .headbox .subtxt{font-size:18px;color:#666;line-height:1.6}
.testimonialzone .reviewgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.testimonialzone .reviewcard{background:#fff;border-radius:32px;padding:48px;box-shadow:0 6px 28px #313ac514;position:relative;transition:all .3s ease-in}
.testimonialzone .reviewcard:hover{box-shadow:0 12px 40px #f6376c1f;transform:scale(1.02)}
.testimonialzone .reviewcard::before{content:'"';position:absolute;top:24px;left:32px;font-size:120px;font-weight:700;color:#f6376c1a;line-height:1;font-family:Georgia,serif}
.testimonialzone .reviewcard .toprow{display:flex;align-items:center;gap:20px;margin-bottom:24px;position:relative;z-index:2}
.testimonialzone .reviewcard .toprow .userpic{width:70px;height:70px;border-radius:50%;object-fit:cover;border:4px solid #F8F8F2}
.testimonialzone .reviewcard .toprow .userdata .username{font-size:20px;font-weight:700;color:#313AC5;margin:0 0 6px}
.testimonialzone .reviewcard .toprow .userdata .userinfo{font-size:14px;color:#888;margin:0}
.testimonialzone .reviewcard .reviewtxt{font-size:17px;color:#444;line-height:1.8;margin:0;position:relative;z-index:2}
.ctazone{padding:80px 20px;background:linear-gradient(135deg,#313AC5 0%,#F6376C 100%);position:relative;overflow:hidden}
.ctazone::before{content:'';position:absolute;top:-40%;left:-10%;width:500px;height:500px;background:#f8f8f20f;border-radius:50%}
.ctazone::after{content:'';position:absolute;bottom:-40%;right:-10%;width:600px;height:600px;background:#f8f8f20d;border-radius:50%}
.ctazone .centercontent{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}
.ctazone .centercontent .bigtitle{font-size:48px;font-weight:700;color:#F8F8F2;margin:0 0 24px;line-height:1.2}
.ctazone .centercontent .descriptiontxt{font-size:19px;color:#F8F8F2;line-height:1.7;margin:0 0 40px}
.ctazone .centercontent .btngroup{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.ctazone .centercontent .btngroup .primarybutt{background:#fff;color:#313AC5;padding:18px 48px;border-radius:28px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease-in;box-shadow:0 4px 16px #00000026;z-index:10;position:relative}
.ctazone .centercontent .btngroup .primarybutt:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000040;background:#F8F8F2}
.ctazone .centercontent .btngroup .secondbutt{background:transparent;color:#fff;padding:18px 48px;border-radius:28px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:3px solid #fff;transition:all .3s ease-in;z-index:10;position:relative}
.ctazone .centercontent .btngroup .secondbutt:hover{background:#ffffff26;transform:translateY(-4px)}
@media (max-width: 1200px) {
.guidesection .wrapdata{grid-template-columns:1fr 1fr}
.strategysec .splitlayout{grid-template-columns:1fr;gap:40px}
.strategysec .leftcolumn{position:relative;top:0}
}
@media (max-width: 768px) {
.hero-tipbox{padding:60px 20px}
.hero-tipbox .maintitle{font-size:36px}
.hero-tipbox .subtxt{font-size:17px}
.guidesection{padding:60px 20px}
.guidesection .wrapdata{grid-template-columns:1fr;gap:30px}
.strategysec{padding:60px 20px}
.strategysec .sectionhead .headline{font-size:32px}
.strategysec .sectionhead .headdesc{font-size:16px}
.testimonialzone{padding:60px 20px}
.testimonialzone .headbox .maintxt{font-size:32px}
.testimonialzone .reviewgrid{grid-template-columns:1fr;gap:30px}
.testimonialzone .reviewcard{padding:36px}
.ctazone{padding:60px 20px}
.ctazone .centercontent .bigtitle{font-size:32px}
.ctazone .centercontent .descriptiontxt{font-size:17px}
.ctazone .centercontent .btngroup{flex-direction:column;align-items:stretch}
.ctazone .centercontent .btngroup .primarybutt,.ctazone .centercontent .btngroup .secondbutt{justify-content:center}
}
.herobox{position:relative;min-height:520px;display:flex;align-items:center;background:linear-gradient(135deg,#F8F8F2 0%,#FFF 100%);overflow:hidden;margin-bottom:80px}
.herobox .shapelayer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.herobox .shapelayer svg{position:absolute}
.herobox .shapelayer .shape1{top:10%;left:5%;width:180px;height:180px}
.herobox .shapelayer .shape2{bottom:15%;right:8%;width:140px;height:140px}
.herobox .imgcut{position:absolute;right:12%;top:50%;transform:translateY(-50%);width:380px;height:380px;z-index:2;clip-path:polygon(25% 0%,100% 0%,75% 100%,0% 100%)}
.herobox .imgcut img{width:100%;height:100%;object-fit:cover}
.herobox .herotext{position:relative;z-index:3;max-width:1600px;width:90%;margin:0 auto;padding:60px 20px}
.herobox .herotext h1{font-size:56px;line-height:1.2;color:#313AC5;font-weight:700;max-width:680px}
.infoblock{max-width:1600px;width:90%;margin:0 auto 100px;padding:0 20px}
.infoblock .gridwrap{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.infoblock .carddata{background:#FFF;padding:45px 35px;border-radius:32px;box-shadow:0 4px 2px #313ac514;transition:all .3s ease-in}
.infoblock .carddata:hover{transform:translateY(-6px);box-shadow:0 8px 4px #f6376c1f}
.infoblock .carddata .iconwrap{width:64px;height:64px;background:linear-gradient(135deg,#F6376C 0%,#313AC5 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.infoblock .carddata .iconwrap i{font-size:32px;color:#F8F8F2}
.infoblock .carddata h3{font-size:24px;line-height:1.3;color:#313AC5;font-weight:600;margin-bottom:16px}
.infoblock .carddata p{font-size:16px;line-height:1.6;color:#333}
.processbox{background:linear-gradient(180deg,#FFF 0%,#F8F8F2 100%);padding:90px 0;margin-bottom:100px}
.processbox .contentwrap{max-width:1600px;width:90%;margin:0 auto;padding:0 20px}
.processbox .contentwrap h2{font-size:42px;line-height:1.3;color:#313AC5;font-weight:700;text-align:center;margin-bottom:60px}
.processbox .contentwrap .stepgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 60px}
.processbox .stepitem{display:flex;gap:24px;position:relative}
.processbox .stepitem .stepnum{flex-shrink:0;width:56px;height:56px;background:#F6376C;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#F8F8F2}
.processbox .stepitem .stepdetail h4{font-size:20px;line-height:1.4;color:#313AC5;font-weight:600;margin-bottom:12px}
.processbox .stepitem .stepdetail p{font-size:15px;line-height:1.7;color:#444}
.showcasewrap{max-width:1600px;width:90%;margin:0 auto 100px;padding:0 20px}
.showcasewrap .headersec{text-align:center;margin-bottom:50px}
.showcasewrap .headersec h2{font-size:44px;line-height:1.3;color:#313AC5;font-weight:700;margin-bottom:18px}
.showcasewrap .headersec p{font-size:18px;line-height:1.6;color:#555;max-width:720px;margin:0 auto}
.showcasewrap .visualgrid{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.showcasewrap .showcasecard{background:#FFF;border-radius:28px;overflow:hidden;box-shadow:0 6px 3px #313ac50f;transition:all .3s ease-in}
.showcasewrap .showcasecard:hover{box-shadow:0 12px 6px #f6376c1a}
.showcasewrap .showcasecard .imgbox{width:100%;height:280px;overflow:hidden}
.showcasewrap .showcasecard .imgbox img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease-in}
.showcasewrap .showcasecard:hover .imgbox img{transform:scale(1.08)}
.showcasewrap .showcasecard .cardcontent{padding:32px 28px}
.showcasewrap .showcasecard .cardcontent h4{font-size:22px;line-height:1.4;color:#313AC5;font-weight:600;margin-bottom:14px}
.showcasewrap .showcasecard .cardcontent p{font-size:15px;line-height:1.7;color:#444}
.testimonialbox{background:linear-gradient(135deg,#313AC5 0%,#F6376C 100%);padding:80px 0;position:relative}
.testimonialbox::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h60v60H0z' fill='none'/%3E%3Cpath d='M30 0L60 30L30 60L0 30z' fill='%23ffffff' fill-opacity='0.03'/%3E%3C/svg%3E");opacity:.4}
.testimonialbox .contentwrap{max-width:1600px;width:90%;margin:0 auto;padding:0 20px;position:relative;z-index:1}
.testimonialbox .contentwrap h2{font-size:40px;line-height:1.3;color:#F8F8F2;font-weight:700;text-align:center;margin-bottom:50px}
.testimonialbox .testimonialgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.testimonialbox .testcard{background:#f8f8f2f2;border-radius:26px;padding:38px 34px}
.testimonialbox .testcard .profiledata{display:flex;align-items:center;gap:20px;margin-bottom:24px}
.testimonialbox .testcard .profiledata .avatarbox{width:72px;height:72px;border-radius:50%;overflow:hidden;flex-shrink:0}
.testimonialbox .testcard .profiledata .avatarbox img{width:100%;height:100%;object-fit:cover}
.testimonialbox .testcard .profiledata .userinfo h5{font-size:19px;line-height:1.3;color:#313AC5;font-weight:600;margin-bottom:4px}
.testimonialbox .testcard .profiledata .userinfo .role{font-size:14px;line-height:1.4;color:#666}
.testimonialbox .testcard .quote{font-size:16px;line-height:1.7;color:#333}
@media (max-width: 1024px) {
.herobox{min-height:440px;margin-bottom:60px}
.herobox .imgcut{width:320px;height:320px;right:8%}
.herobox .herotext h1{font-size:46px}
.infoblock .gridwrap{grid-template-columns:repeat(2,1fr);gap:30px}
.processbox .contentwrap .stepgrid{gap:40px 50px}
.showcasewrap .visualgrid{gap:28px}
.testimonialbox .testimonialgrid{gap:32px}
}
@media (max-width: 768px) {
.herobox{min-height:380px;margin-bottom:50px}
.herobox .imgcut{width:260px;height:260px;right:5%}
.herobox .shapelayer .shape1{width:120px;height:120px}
.herobox .shapelayer .shape2{width:100px;height:100px}
.herobox .herotext h1{font-size:36px}
.infoblock{margin-bottom:70px}
.infoblock .gridwrap{grid-template-columns:1fr;gap:24px}
.processbox{padding:60px 0;margin-bottom:70px}
.processbox .contentwrap h2{font-size:34px;margin-bottom:40px}
.processbox .contentwrap .stepgrid{grid-template-columns:1fr;gap:30px}
.showcasewrap{margin-bottom:70px}
.showcasewrap .headersec h2{font-size:34px}
.showcasewrap .visualgrid{grid-template-columns:1fr;gap:24px}
.testimonialbox{padding:60px 0}
.testimonialbox .contentwrap h2{font-size:32px;margin-bottom:36px}
.testimonialbox .testimonialgrid{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 480px) {
.herobox{min-height:320px}
.herobox .imgcut{width:200px;height:200px}
.herobox .herotext h1{font-size:28px}
.infoblock .carddata{padding:32px 24px}
.processbox .contentwrap h2{font-size:28px}
.showcasewrap .headersec h2{font-size:28px}
.testimonialbox .contentwrap h2{font-size:28px}
}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:#f8f8f24d}
::-webkit-scrollbar-thumb{background:#F6376C;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#313AC5}
.ctactpage{background:linear-gradient(135deg,#F8F8F2 0%,#fff 50%,#F8F8F2 100%);padding:0;margin:0}
.ctactpage .topbanner{background:linear-gradient(160deg,#f6376c14 0%,#313ac51f 100%);padding:80px 20px 60px;text-align:center}
.ctactpage .topbanner h1{font-size:48px;color:#313AC5;margin:0 0 20px;font-weight:700}
.ctactpage .topbanner .subtitle{font-size:20px;color:#444;max-width:700px;margin:0 auto;line-height:1.6}
.ctactpage .mainwrap{max-width:1400px;margin:0 auto;padding:60px 20px}
.ctactpage .gridlayout{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}
.ctactpage .formsect{background:#fff;padding:50px;border-radius:32px;box-shadow:0 4px 2px #313ac514}
.ctactpage .formsect h2{font-size:32px;color:#F6376C;margin:0 0 12px;font-weight:600}
.ctactpage .formsect .formdesc{font-size:17px;color:#555;margin:0 0 40px;line-height:1.6}
.ctactpage .formcont{display:flex;flex-direction:column;gap:26px}
.ctactpage .fieldbox{display:flex;flex-direction:column;gap:10px}
.ctactpage .fieldbox label{font-size:15px;color:#313AC5;font-weight:600}
.ctactpage .fieldbox input[type="email"]{padding:16px 20px;border:2px solid #e0e0e0;border-radius:24px;font-size:16px;transition:all .3s ease;background:#F8F8F2}
.ctactpage .fieldbox input[type="email"]:focus{outline:none;border-color:#F6376C;background:#fff;box-shadow:0 0 0 4px #f6376c1a}
.ctactpage .selectwrap{position:relative}
.ctactpage .selectwrap select{width:100%;padding:16px 45px 16px 20px;border:2px solid #e0e0e0;border-radius:24px;font-size:16px;background:#F8F8F2;cursor:pointer;appearance:none;transition:all .3s ease}
.ctactpage .selectwrap::after{content:'\f282';font-family:'Framework7 Icons';position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#313AC5;pointer-events:none;font-size:20px}
.ctactpage .selectwrap select:focus{outline:none;border-color:#F6376C;background:#fff;box-shadow:0 0 0 4px #f6376c1a}
.ctactpage .radiogrp{display:flex;flex-direction:column;gap:14px}
.ctactpage .radioitem{display:flex;align-items:center;gap:12px;cursor:pointer}
.ctactpage .radioitem input[type="radio"]{width:22px;height:22px;cursor:pointer;accent-color:#F6376C}
.ctactpage .radioitem span{font-size:16px;color:#333}
.ctactpage .privacywrap{display:flex;align-items:start;gap:12px;margin:10px 0 0}
.ctactpage .privacywrap input[type="checkbox"]{width:20px;height:20px;cursor:pointer;margin-top:3px;accent-color:#313AC5;flex-shrink:0}
.ctactpage .privacywrap label{font-size:14px;color:#666;line-height:1.5;cursor:pointer}
.ctactpage .privacywrap label a{color:#F6376C;text-decoration:none;font-weight:600}
.ctactpage .privacywrap label a:hover{text-decoration:underline}
.ctactpage .submitbutt{padding:18px 50px;background:linear-gradient(135deg,#F6376C 0%,#313AC5 100%);color:#fff;border:none;border-radius:28px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 2px #f6376c4d}
.ctactpage .submitbutt:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 4px #f6376c66}
.ctactpage .submitbutt:active{transform:translateY(0)}
.ctactpage .infosect{display:flex;flex-direction:column;gap:30px}
.ctactpage .infocard{background:#fff;padding:40px;border-radius:28px;box-shadow:0 3px 2px #313ac50f;position:relative;overflow:hidden}
.ctactpage .infocard::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#F6376C 0%,#313AC5 100%)}
.ctactpage .infocard h3{font-size:24px;color:#313AC5;margin:0 0 20px;font-weight:600;display:flex;align-items:center;gap:12px}
.ctactpage .infocard h3 i{color:#F6376C;font-size:28px}
.ctactpage .contactdetails{display:flex;flex-direction:column;gap:18px}
.ctactpage .detailrow{display:flex;align-items:start;gap:14px;font-size:16px;color:#444;line-height:1.6}
.ctactpage .detailrow i{color:#F6376C;font-size:22px;margin-top:2px;flex-shrink:0}
.ctactpage .detailrow a{color:#313AC5;text-decoration:none;font-weight:600}
.ctactpage .detailrow a:hover{text-decoration:underline}
.ctactpage .infocard .infotxt{font-size:16px;color:#555;line-height:1.7}
.ctactpage .infocard .infotxt strong{color:#F6376C;font-weight:600}
.ctactpage .extrabox{background:linear-gradient(135deg,#f6376c0d 0%,#313ac514 100%);padding:50px;border-radius:32px;text-align:center;margin:60px 0 0}
.ctactpage .extrabox h2{font-size:36px;color:#313AC5;margin:0 0 20px;font-weight:700}
.ctactpage .extrabox p{font-size:18px;color:#555;line-height:1.7;max-width:900px;margin:0 auto 30px}
.ctactpage .extrabox .linkbutt{display:inline-block;padding:16px 40px;background:#F6376C;color:#fff;text-decoration:none;border-radius:26px;font-size:17px;font-weight:600;transition:all .3s ease;box-shadow:0 3px 2px #f6376c4d}
.ctactpage .extrabox .linkbutt:hover{background:#313AC5;transform:translateY(-2px);box-shadow:0 5px 3px #313ac54d}
@media (max-width: 1024px) {
.ctactpage .gridlayout{grid-template-columns:1fr;gap:40px}
.ctactpage .formsect{padding:40px 30px}
}
@media (max-width: 768px) {
.ctactpage .topbanner{padding:60px 20px 40px}
.ctactpage .topbanner h1{font-size:36px}
.ctactpage .topbanner .subtitle{font-size:18px}
.ctactpage .mainwrap{padding:40px 15px}
.ctactpage .formsect{padding:30px 20px}
.ctactpage .formsect h2{font-size:28px}
.ctactpage .infocard{padding:30px 20px}
.ctactpage .infocard h3{font-size:22px}
.ctactpage .extrabox{padding:40px 20px;margin:40px 0 0}
.ctactpage .extrabox h2{font-size:28px}
.ctactpage .extrabox p{font-size:16px}
}
@media (max-width: 480px) {
.ctactpage .topbanner h1{font-size:30px}
.ctactpage .topbanner .subtitle{font-size:16px}
.ctactpage .formsect h2{font-size:24px}
.ctactpage .submitbutt{width:100%}
}
.progwrap{max-width:1600px;margin:0 auto;padding:0 20px}
.proglead{background:linear-gradient(135deg,#f6376c14 0%,#313ac51f 100%);padding:80px 20px 70px;margin-bottom:0}
.proglead .progwrap{display:flex;flex-direction:column;align-items:center;text-align:center}
.proglead h1{font-size:48px;color:#313AC5;margin:0 0 24px;font-weight:700;letter-spacing:-.5px}
.proglead .intro-txt{font-size:19px;line-height:1.7;color:#2a2a2a;max-width:820px;margin:0}
.pathgrid{background:#F8F8F2;padding:90px 20px}
.pathgrid .progwrap{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}
.path-item{background:#fff;padding:40px 32px;border-radius:28px;box-shadow:0 4px 2px #313ac50f;position:relative;transition:all .3s ease-in}
.path-item:hover{transform:translateY(-8px);box-shadow:0 12px 6px #f6376c26}
.path-item h3{font-size:26px;color:#F6376C;margin:0 0 18px;font-weight:600}
.path-item p{font-size:16px;line-height:1.65;color:#3a3a3a;margin:0 0 22px}
.path-phases{list-style:none;padding:0;margin:0}
.path-phases li{font-size:15px;color:#4a4a4a;padding:10px 0 10px 28px;position:relative;line-height:1.5}
.path-phases li::before{content:'';position:absolute;left:0;top:16px;width:16px;height:16px;background:#313AC5;border-radius:50%}
.journey-split{background:#fff;padding:90px 20px}
.journey-split .progwrap{display:grid;grid-template-columns:480px 1fr;gap:70px;align-items:center}
.journey-img-box{position:relative}
.journey-img-box img{width:100%;height:540px;object-fit:cover;border-radius:32px;box-shadow:0 8px 4px #313ac51a}
.journey-content h2{font-size:38px;color:#313AC5;margin:0 0 28px;font-weight:700}
.journey-content .desc-block{font-size:17px;line-height:1.7;color:#3a3a3a;margin:0 0 32px}
.journey-steps{display:flex;flex-direction:column;gap:24px}
.step-box{background:#F8F8F2;padding:24px 28px;border-radius:24px;border-left:5px solid #F6376C;transition:all .25s ease-in}
.step-box:hover{background:#f6376c14;border-left-color:#313AC5}
.step-box h4{font-size:20px;color:#F6376C;margin:0 0 10px;font-weight:600}
.step-box p{font-size:15px;line-height:1.6;color:#4a4a4a;margin:0}
.testimonial-duo{background:linear-gradient(180deg,#313ac50f 0%,#f6376c14 100%);padding:85px 20px}
.testimonial-duo .progwrap{display:flex;flex-direction:column;gap:50px}
.testimonial-duo h2{font-size:36px;color:#313AC5;text-align:center;margin:0 0 40px;font-weight:700}
.testi-cards{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.testi-card{background:#fff;padding:38px 36px;border-radius:30px;box-shadow:0 6px 3px #313ac514;display:flex;flex-direction:column;gap:24px}
.testi-header{display:flex;align-items:center;gap:20px}
.testi-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #F6376C}
.testi-info h5{font-size:21px;color:#313AC5;margin:0 0 6px;font-weight:600}
.testi-info .role-label{font-size:14px;color:#6a6a6a;margin:0}
.testi-txt{font-size:16px;line-height:1.65;color:#3a3a3a;margin:0;font-style:italic}
.action-finale{background:#fff;padding:90px 20px}
.action-finale .progwrap{max-width:900px;text-align:center;display:flex;flex-direction:column;align-items:center}
.action-finale h2{font-size:40px;color:#F6376C;margin:0 0 26px;font-weight:700}
.action-finale .final-desc{font-size:18px;line-height:1.7;color:#3a3a3a;margin:0 0 42px}
.cta-butt{display:inline-block;background:linear-gradient(135deg,#F6376C 0%,#313AC5 100%);color:#fff;font-size:18px;font-weight:600;padding:18px 48px;border-radius:32px;text-decoration:none;transition:all .3s ease-in;box-shadow:0 6px 3px #f6376c33}
.cta-butt:hover{transform:translateY(-4px);box-shadow:0 12px 6px #313ac540}
@media (max-width: 1024px) {
.pathgrid .progwrap{grid-template-columns:1fr 1fr}
.journey-split .progwrap{grid-template-columns:1fr;gap:50px}
.journey-img-box img{height:420px}
}
@media (max-width: 768px) {
.proglead h1{font-size:36px}
.proglead .intro-txt{font-size:17px}
.pathgrid .progwrap{grid-template-columns:1fr;gap:30px}
.journey-content h2{font-size:32px}
.testi-cards{grid-template-columns:1fr;gap:30px}
.action-finale h2{font-size:32px}
}
@media (max-width: 480px) {
.proglead{padding:60px 20px 50px}
.proglead h1{font-size:28px}
.pathgrid,.journey-split,.testimonial-duo,.action-finale{padding:60px 20px}
.path-item{padding:32px 24px}
.journey-img-box img{height:320px}
.cta-butt{padding:16px 36px;font-size:16px}
}
.faq-wrap{max-width:1600px;margin:0 auto;padding:0}
.faq-heado{background:linear-gradient(135deg,#F6376C 0%,#313AC5 100%);padding:80px 40px;text-align:center;position:relative;overflow:hidden}
.faq-heado::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#f8f8f21a;border-radius:50%}
.faq-heado::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#f8f8f214;border-radius:50%}
.head-content{position:relative;z-index:2}
.faq-heado .main-ti{font-size:52px;color:#F8F8F2;margin:0 0 20px;font-weight:700;letter-spacing:-1px}
.faq-heado .sub-desc{font-size:19px;color:#F8F8F2;margin:0;opacity:.95;max-width:700px;margin:0 auto;line-height:1.6}
.main-quest-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1400px;margin:80px auto;padding:0 40px}
.quest-column{display:flex;flex-direction:column;gap:24px}
.quest-item-box{background:#F8F8F2;border-radius:24px;overflow:hidden;box-shadow:0 4px 12px #313ac514;transition:all .3s ease-in}
.quest-item-box:hover{box-shadow:0 8px 24px #f6376c26;transform:translateY(-4px)}
.quest-toggle{position:absolute;opacity:0;pointer-events:none}
.quest-header-click{display:flex;justify-content:space-between;align-items:center;padding:28px 32px;cursor:pointer;background:#F8F8F2;transition:background .3s ease-in;gap:20px}
.quest-item-box:hover .quest-header-click{background:#f6376c0a}
.quest-title-txt{font-size:20px;font-weight:600;color:#313AC5;margin:0;line-height:1.4;flex:1}
.toggle-icon-wrap{width:32px;height:32px;border-radius:50%;background:#313AC5;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease-in}
.toggle-icon-wrap i{color:#F8F8F2;font-size:20px;transition:transform .3s ease-in}
.quest-toggle:checked + .quest-header-click .toggle-icon-wrap{background:#F6376C;transform:rotate(180deg)}
.answer-content-box{max-height:0;overflow:hidden;transition:max-height .4s ease-in}
.quest-toggle:checked ~ .answer-content-box{max-height:800px}
.answer-inner-text{padding:0 32px 32px;color:#2a2a2a;font-size:17px;line-height:1.7}
.answer-inner-text p{margin:0 0 16px}
.answer-inner-text p:last-child{margin-bottom:0}
.visual-showcase-sec{background:linear-gradient(180deg,#f6376c0f 0%,#313ac50f 100%);padding:100px 40px;position:relative}
.showcase-inner-wrap{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.showcase-img-container{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 12px 40px #313ac533}
.showcase-img-container img{width:100%;height:480px;object-fit:cover;display:block}
.showcase-text-area{padding:20px}
.showcase-text-area .sec-title-mark{font-size:42px;color:#313AC5;margin:0 0 24px;font-weight:700;line-height:1.2;position:relative;display:inline-block}
.showcase-text-area .sec-title-mark::after{content:'';position:absolute;bottom:-8px;left:0;width:80px;height:4px;background:#F6376C;border-radius:30px}
.showcase-text-area .desc-para{font-size:18px;color:#3a3a3a;line-height:1.7;margin:32px 0 0}
.experts-team-grid{max-width:1400px;margin:100px auto;padding:0 40px}
.experts-header-box{text-align:center;margin-bottom:60px}
.experts-header-box .title-main{font-size:44px;color:#313AC5;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.experts-header-box .title-main::before{content:'';position:absolute;top:-12px;left:-20px;width:40px;height:40px;background:#f6376c26;border-radius:50%;z-index:-1}
.experts-header-box .subtitle-info{font-size:18px;color:#4a4a4a;margin:0}
.experts-cards-holder{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.expert-card-unit{background:#F8F8F2;border-radius:28px;overflow:hidden;display:flex;flex-direction:row;box-shadow:0 6px 20px #313ac51a;transition:all .3s ease-in}
.expert-card-unit:hover{box-shadow:0 12px 32px #f6376c2e;transform:scale(1.02)}
.expert-photo-box{width:180px;flex-shrink:0}
.expert-photo-box img{width:100%;height:100%;object-fit:cover;display:block}
.expert-info-side{padding:32px;display:flex;flex-direction:column;justify-content:center}
.expert-info-side .expert-name{font-size:24px;color:#313AC5;margin:0 0 8px;font-weight:600}
.expert-info-side .expert-role{font-size:16px;color:#F6376C;margin:0 0 16px;font-weight:500}
.expert-info-side .expert-bio{font-size:16px;color:#3a3a3a;line-height:1.6;margin:0}
.support-cta-section{background:linear-gradient(135deg,#313AC5 0%,#F6376C 100%);padding:80px 40px;position:relative;overflow:hidden}
.support-cta-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h60v60H0z' fill='none'/%3E%3Cpath d='M30 0L0 30l30 30 30-30z' fill='%23F8F8F2' opacity='0.05'/%3E%3C/svg%3E");opacity:.4}
.cta-inner-container{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}
.cta-inner-container .cta-heading{font-size:46px;color:#F8F8F2;margin:0 0 20px;font-weight:700;line-height:1.2}
.cta-inner-container .cta-subtext{font-size:19px;color:#F8F8F2;margin:0 0 40px;line-height:1.6;opacity:.95}
.cta-buttons-row{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.cta-btn-primary{display:inline-flex;align-items:center;gap:10px;padding:18px 40px;background:#F8F8F2;color:#313AC5;font-size:18px;font-weight:600;text-decoration:none;border-radius:30px;transition:all .3s ease-in;box-shadow:0 4px 16px #00000026;z-index:10;position:relative}
.cta-btn-primary:hover{background:#F6376C;color:#F8F8F2;transform:translateY(-3px);box-shadow:0 8px 24px #00000040}
.cta-btn-secondary{display:inline-flex;align-items:center;gap:10px;padding:18px 40px;background:transparent;color:#F8F8F2;font-size:18px;font-weight:600;text-decoration:none;border:2px solid #F8F8F2;border-radius:30px;transition:all .3s ease-in;z-index:10;position:relative}
.cta-btn-secondary:hover{background:#F8F8F2;color:#313AC5;transform:translateY(-3px)}
@media (max-width: 1200px) {
.main-quest-grid{grid-template-columns:1fr;gap:24px;margin:60px auto}
.showcase-inner-wrap{grid-template-columns:1fr;gap:40px}
.experts-cards-holder{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.faq-heado{padding:60px 24px}
.faq-heado .main-ti{font-size:36px}
.faq-heado .sub-desc{font-size:17px}
.main-quest-grid{padding:0 24px;margin:40px auto}
.quest-header-click{padding:20px 24px}
.quest-title-txt{font-size:18px}
.answer-inner-text{padding:0 24px 24px;font-size:16px}
.visual-showcase-sec{padding:60px 24px}
.showcase-text-area .sec-title-mark{font-size:32px}
.showcase-img-container img{height:320px}
.experts-team-grid{margin:60px auto;padding:0 24px}
.experts-header-box .title-main{font-size:32px}
.expert-card-unit{flex-direction:column}
.expert-photo-box{width:100%;height:280px}
.support-cta-section{padding:60px 24px}
.cta-inner-container .cta-heading{font-size:32px}
.cta-buttons-row{flex-direction:column;align-items:center}
.cta-btn-primary,.cta-btn-secondary{width:100%;max-width:320px;justify-content:center}
}
@media (max-width: 480px) {
.faq-heado .main-ti{font-size:28px}
.quest-header-click{padding:16px 20px}
.quest-title-txt{font-size:17px}
.showcase-text-area .sec-title-mark{font-size:28px}
.experts-header-box .title-main{font-size:28px}
.expert-info-side{padding:24px}
.cta-inner-container .cta-heading{font-size:28px}
}
.cookpol-wrapper{max-width:1600px;margin:0 auto;padding:0 20px}
.cookpol-hero-section{padding:120px 0 80px;background:linear-gradient(135deg,#f6376c14 0%,#313ac514 100%);border-radius:40px;margin-bottom:60px}
.cookpol-hero-section .hero-inner{max-width:900px;margin:0 auto;text-align:center}
.cookpol-hero-section h1{font-size:48px;font-weight:700;color:#1a1a1a;margin-bottom:24px;line-height:1.2}
.cookpol-hero-section .hero-date{font-size:16px;color:#666;margin-bottom:28px;display:flex;align-items:center;justify-content:center;gap:8px}
.cookpol-hero-section .hero-date i{color:#F6376C;font-size:20px}
.cookpol-hero-section .intro-txt{font-size:19px;line-height:1.7;color:#333;max-width:750px;margin:0 auto}
.cookpol-content-area{max-width:1200px;margin:0 auto 100px;background:#fff;border-radius:32px;padding:80px 100px;box-shadow:0 4px 6px #0000000a}
.cookpol-content-area h2{font-size:36px;font-weight:700;color:#1a1a1a;margin:60px 0 24px;position:relative;padding-left:28px}
.cookpol-content-area h2:first-child{margin-top:0}
.cookpol-content-area h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:40px;background:linear-gradient(180deg,#F6376C 0%,#313AC5 100%);border-radius:3px}
.cookpol-content-area h3{font-size:26px;font-weight:600;color:#2a2a2a;margin:48px 0 20px}
.cookpol-content-area h4{font-size:20px;font-weight:600;color:#313AC5;margin:32px 0 16px}
.cookpol-content-area p{font-size:17px;line-height:1.8;color:#444;margin-bottom:20px}
.cookpol-content-area ul{margin:24px 0;padding-left:0;list-style:none}
.cookpol-content-area ul li{font-size:17px;line-height:1.8;color:#444;margin-bottom:14px;padding-left:32px;position:relative}
.cookpol-content-area ul li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;background:#F6376C;border-radius:50%}
.cookpol-content-area strong{color:#1a1a1a;font-weight:600}
.cookpol-data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:36px 0}
.cookpol-data-card{background:#F8F8F2;padding:28px 32px;border-radius:24px;border-left:4px solid #313AC5;transition:all .3s ease}
.cookpol-data-card:hover{transform:translateX(8px);box-shadow:0 6px 12px #313ac51f}
.cookpol-data-card h4{margin-top:0;font-size:18px}
.cookpol-data-card p{margin-bottom:0;font-size:16px;line-height:1.7}
.cookpol-highlight-box{background:linear-gradient(135deg,#f6376c0f 0%,#313ac50f 100%);border-radius:28px;padding:40px;margin:40px 0;border:2px solid #f6376c26}
.cookpol-highlight-box h3{margin-top:0;color:#F6376C}
.cookpol-highlight-box ul{margin-bottom:0}
.cookpol-contact-box{background:#1a1a1a;color:#F8F8F2;padding:48px;border-radius:32px;margin-top:60px;text-align:center}
.cookpol-contact-box h3{color:#F8F8F2;margin-top:0;font-size:28px}
.cookpol-contact-box p{color:#F8F8F2;font-size:17px;margin-bottom:28px}
.cookpol-contact-box .contact-details{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;margin-top:32px}
.cookpol-contact-box .contact-item{display:flex;align-items:center;gap:12px;font-size:17px}
.cookpol-contact-box .contact-item i{font-size:24px;color:#F6376C}
.cookpol-contact-box .contact-item a{color:#F8F8F2;text-decoration:none;transition:color .3s ease}
.cookpol-contact-box .contact-item a:hover{color:#F6376C}
@media (max-width: 1024px) {
.cookpol-content-area{padding:60px}
.cookpol-data-grid{grid-template-columns:1fr}
.cookpol-hero-section h1{font-size:40px}
}
@media (max-width: 768px) {
.cookpol-hero-section{padding:80px 0 60px}
.cookpol-hero-section h1{font-size:32px}
.cookpol-hero-section .intro-txt{font-size:17px}
.cookpol-content-area{padding:40px 28px;margin-bottom:60px}
.cookpol-content-area h2{font-size:28px;padding-left:22px}
.cookpol-content-area h2::before{width:5px;height:32px}
.cookpol-content-area h3{font-size:22px}
.cookpol-content-area h4{font-size:18px}
.cookpol-highlight-box{padding:28px}
.cookpol-contact-box{padding:36px 24px}
.cookpol-contact-box .contact-details{flex-direction:column;gap:24px}
}
@media (max-width: 480px) {
.cookpol-hero-section h1{font-size:26px}
.cookpol-content-area{padding:32px 20px}
.cookpol-content-area h2{font-size:24px}
.cookpol-content-area p,.cookpol-content-area ul li{font-size:16px}
}
.legal-wrapper{max-width:1200px;margin:0 auto;padding:80px 20px;background:linear-gradient(135deg,#F8F8F2 0%,#fff 100%)}
.legal-heado{text-align:center;margin-bottom:60px;padding-bottom:40px;border-bottom:2px solid #f3376c33;position:relative}
.legal-heado::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:120px;height:2px;background:#F6376C}
.legal-heado h1{font-size:2.8rem;color:#313AC5;margin-bottom:16px;font-weight:700}
.legal-heado .last-updated{font-size:.95rem;color:#666;font-weight:500}
.policy-contentbox{background:#fff;border-radius:24px;padding:60px;box-shadow:0 4px 6px #313ac514;margin-bottom:40px}
.policy-contentbox h2{font-size:1.9rem;color:#313AC5;margin-top:50px;margin-bottom:24px;font-weight:700;position:relative;padding-left:20px}
.policy-contentbox h2:first-child{margin-top:0}
.policy-contentbox h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:28px;background:#F6376C;border-radius:3px}
.policy-contentbox h3{font-size:1.4rem;color:#F6376C;margin-top:36px;margin-bottom:18px;font-weight:600}
.policy-contentbox p{font-size:1.05rem;line-height:1.8;color:#333;margin-bottom:20px}
.policy-contentbox ul{margin:24px 0;padding-left:0;list-style:none}
.policy-contentbox ul li{font-size:1.05rem;line-height:1.8;color:#333;margin-bottom:14px;padding-left:32px;position:relative}
.policy-contentbox ul li::before{content:'';position:absolute;left:0;top:12px;width:8px;height:8px;background:#F6376C;border-radius:50%}
.policy-contentbox strong{color:#313AC5;font-weight:600}
.highlight-databox{background:linear-gradient(135deg,#f3376c0f 0%,#313ac50f 100%);border-left:4px solid #F6376C;padding:28px 32px;margin:32px 0;border-radius:12px}
.highlight-databox p{margin-bottom:0;font-weight:500;color:#222}
.contact-infobox{background:#313AC5;color:#F8F8F2;border-radius:24px;padding:50px 60px;text-align:center;box-shadow:0 6px 8px #313ac526}
.contact-infobox h2{font-size:2rem;color:#F8F8F2;margin-bottom:24px;font-weight:700}
.contact-infobox p{font-size:1.1rem;line-height:1.7;color:#F8F8F2;margin-bottom:18px}
.contact-infobox .contact-detail{display:inline-flex;align-items:center;gap:12px;margin:12px 20px;font-size:1.1rem;color:#F8F8F2}
.contact-infobox .contact-detail i{font-size:1.3rem;color:#F6376C}
.contact-infobox a{color:#F6376C;text-decoration:none;font-weight:600;transition:all .3s ease}
.contact-infobox a:hover{color:#fff;text-decoration:underline}
.table-wrapper{overflow-x:auto;margin:32px 0;border-radius:12px;box-shadow:0 3px 5px #0000000f}
.data-table{width:100%;border-collapse:collapse;background:#fff}
.data-table th{background:#313AC5;color:#F8F8F2;padding:18px 24px;text-align:left;font-weight:600;font-size:1.05rem}
.data-table td{padding:18px 24px;border-bottom:1px solid #313ac51a;color:#333;font-size:1rem;line-height:1.6}
.data-table tr:last-child td{border-bottom:none}
.data-table tr:nth-child(even){background:#f8f8f280}
@media (max-width: 1024px) {
.policy-contentbox{padding:40px}
.contact-infobox{padding:40px}
.legal-heado h1{font-size:2.3rem}
}
@media (max-width: 768px) {
.legal-wrapper{padding:50px 16px}
.policy-contentbox{padding:32px 24px;border-radius:16px}
.contact-infobox{padding:32px 24px;border-radius:16px}
.legal-heado h1{font-size:1.9rem}
.policy-contentbox h2{font-size:1.5rem}
.policy-contentbox h3{font-size:1.2rem}
.policy-contentbox p,.policy-contentbox ul li{font-size:1rem}
.contact-infobox .contact-detail{display:block;margin:16px 0}
.data-table th,.data-table td{padding:14px 16px;font-size:.95rem}
}
@media (max-width: 480px) {
.legal-wrapper{padding:40px 12px}
.legal-heado h1{font-size:1.6rem}
.policy-contentbox{padding:24px 16px}
.contact-infobox{padding:24px 16px}
.policy-contentbox h2{font-size:1.3rem;padding-left:16px}
.data-table{font-size:.85rem}
}
.successwrap{max-width:1600px;margin:0 auto;padding:0}
.herosucc{background:linear-gradient(135deg,#F8F8F2 0%,#f6376c14 100%);padding:120px 40px 100px;text-align:center;position:relative;overflow:hidden}
.herosucc::before{content:'';position:absolute;top:-50%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,#313ac51f 0%,transparent 70%);border-radius:50%}
.herosucc::after{content:'';position:absolute;bottom:-30%;right:-5%;width:500px;height:500px;background:radial-gradient(circle,#f6376c1a 0%,transparent 65%);border-radius:50%}
.iconcirc{width:140px;height:140px;margin:0 auto 32px;background:linear-gradient(145deg,#F6376C,#313AC5);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 12px 40px #f6376c40}
.iconcirc svg{width:70px;height:70px}
.herosucc h1{font-size:48px;font-weight:700;color:#313AC5;margin:0 0 20px;position:relative;z-index:2}
.herosucc .subtxt{font-size:20px;line-height:1.6;color:#1a1a1a;max-width:680px;margin:0 auto 40px;position:relative;z-index:2}
.confirmnum{display:inline-block;background:#fff;padding:16px 32px;border-radius:30px;margin:24px 0;box-shadow:0 4px 16px #00000014;position:relative;z-index:2}
.confirmnum span{font-size:14px;color:#666;display:block;margin-bottom:4px}
.confirmnum strong{font-size:24px;color:#F6376C;font-weight:700}
.nextblock{background:#fff;padding:90px 40px}
.nextblock .innerwrap{max-width:1200px;margin:0 auto}
.nextblock h2{font-size:38px;font-weight:700;color:#1a1a1a;margin:0 0 50px;text-align:center;position:relative;padding-bottom:20px}
.nextblock h2::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#F6376C,#313AC5);border-radius:25px}
.stepsgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-bottom:60px}
.stepcard{background:#F8F8F2;padding:40px 32px;border-radius:28px;position:relative;transition:all .3s ease-in;border:2px solid transparent}
.stepcard:hover{transform:translateY(-6px);border-color:#F6376C;box-shadow:0 8px 28px #f6376c26}
.stepnumbr{width:56px;height:56px;background:linear-gradient(135deg,#313AC5,#F6376C);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-bottom:24px;box-shadow:0 4px 12px #313ac533}
.stepcard h3{font-size:24px;font-weight:700;color:#313AC5;margin:0 0 14px}
.stepcard p{font-size:16px;line-height:1.7;color:#444;margin:0}
.stepcard .timeinfo{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:14px;color:#F6376C;font-weight:600}
.stepcard .timeinfo i{font-size:18px}
.actionbox{background:linear-gradient(120deg,#313ac50f 0%,#f6376c0f 100%);padding:50px 40px;border-radius:32px;text-align:center;margin-top:30px}
.actionbox h3{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 16px}
.actionbox p{font-size:17px;line-height:1.6;color:#555;max-width:700px;margin:0 auto 32px}
.btnwrap{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.btn-primary{background:linear-gradient(135deg,#F6376C,#313AC5);color:#fff;padding:16px 42px;border-radius:30px;text-decoration:none;font-size:17px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease-in;box-shadow:0 6px 20px #f6376c4d;border:none;cursor:pointer;z-index:10;position:relative}
.btn-primary:hover{transform:scale(1.05);box-shadow:0 10px 32px #f6376c66}
.btn-secondary{background:#fff;color:#313AC5;padding:16px 42px;border-radius:30px;text-decoration:none;font-size:17px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease-in;border:2px solid #313AC5;cursor:pointer;z-index:10;position:relative}
.btn-secondary:hover{background:#313AC5;color:#fff;transform:scale(1.05)}
.supportinfo{background:#fff;padding:40px;border-radius:28px;margin-top:50px;border-left:5px solid #F6376C;box-shadow:0 4px 20px #0000000f}
.supportinfo h4{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 18px;display:flex;align-items:center;gap:12px}
.supportinfo h4 i{font-size:26px;color:#F6376C}
.supportinfo p{font-size:16px;line-height:1.7;color:#555;margin:0 0 20px}
.contactdata{display:flex;flex-direction:column;gap:12px}
.contactdata a{color:#313AC5;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:10px;transition:color .3s ease-in}
.contactdata a:hover{color:#F6376C}
.contactdata i{font-size:20px}
@media (max-width: 768px) {
.herosucc{padding:80px 24px 70px}
.herosucc h1{font-size:36px}
.herosucc .subtxt{font-size:18px}
.iconcirc{width:110px;height:110px}
.iconcirc svg{width:55px;height:55px}
.nextblock{padding:60px 24px}
.nextblock h2{font-size:30px;margin-bottom:40px}
.stepsgrid{grid-template-columns:1fr;gap:28px}
.actionbox{padding:40px 28px}
.actionbox h3{font-size:24px}
.btnwrap{flex-direction:column;align-items:stretch}
.btn-primary,.btn-secondary{justify-content:center}
.supportinfo{padding:32px 24px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.herosucc{padding:100px 32px 80px}
.stepsgrid{grid-template-columns:repeat(2,1fr)}
}