@font-face{font-family:Poppins;font-weight:300;font-display:swap;src:url(assets/fonts/poppins-300.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(assets/fonts/poppins-400.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(assets/fonts/poppins-500.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(assets/fonts/poppins-600.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:700;font-display:swap;src:url(assets/fonts/poppins-700.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:800;font-display:swap;src:url(assets/fonts/poppins-800.woff2) format("woff2")}
:root{--blue:#1D24CA;--ink:#1F1D1D;--soft:#F3F5FF;--line:#E3E5EB;--grey:#57586E}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font:500 16px/1.6 Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{padding:0;list-style:none}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.wrap{max-width:1140px;margin:auto;padding:0 20px}
.sec{padding-top:64px;padding-bottom:64px}
.soft{background:var(--soft)}
h2{font-weight:700;font-size:clamp(22px,3.2vw,35px);line-height:1.3;text-align:center;color:#1C1A1A}
.lead{text-align:center;max-width:720px;margin:12px auto 0}
.btn{font-weight:600;display:inline-block;background:var(--blue);color:#fff;padding:12px 26px;border-radius:3px;font-size:16px}
.btn:hover{opacity:.88}
header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 6px #0001}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:84px}
nav ul{display:flex}
nav a{display:block;padding:15px;font-size:15px;font-weight:700;color:#2b2c3f}
nav a:hover,nav a[aria-current]{color:var(--blue)}
.burger{display:none;width:48px;height:48px;border:0;border-radius:5px;background:var(--blue);color:#fff;font-size:24px;cursor:pointer}
.hero{display:grid;gap:32px;align-items:center;padding:56px 20px}
.hero h1{font-weight:800;font-size:clamp(30px,5vw,48px);line-height:1.2}
.hero h1 span{color:var(--blue)}
.hero p{font-size:18px;margin:16px 0 28px}
.video{max-width:1100px;aspect-ratio:16/9;margin:32px auto 0;border-radius:10px;overflow:hidden;background:#000}
.video video{width:100%;height:100%;object-fit:cover}
.tabs [role=tablist]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:28px}
.tabs [role=tab]{font:700 15px Poppins,sans-serif;padding:10px 20px;border:1px solid var(--blue);border-radius:50px;background:#fff;color:var(--blue);cursor:pointer}
.tabs [aria-selected=true]{background:var(--blue);color:#fff}
.panel{display:grid;gap:28px;align-items:center}
.panel[hidden]{display:none}
.panel h3{font-size:clamp(22px,3vw,34px);font-weight:800;line-height:1.2}
.panel p{margin:12px 0}
.panel img{border-radius:8px;margin:auto}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px;margin-top:36px}
.card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.card .b{padding:16px;flex:1}
.stars{color:#ED9700;font-size:14px;min-height:22px}
.card h3{font-size:17px;font-weight:700;line-height:1.4;margin:6px 0 8px}
.by{font-weight:600;font-size:13px;color:var(--grey)}
.card .f{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 16px 16px}
.price del{color:var(--grey);margin-right:6px;font-size:14px}
.price ins{font-weight:800;text-decoration:none}
.card .f a{border:1px solid var(--blue);color:var(--blue);border-radius:6px;padding:8px 14px;font-size:14px}
.card .f a:hover{background:var(--blue);color:#fff}
.center{text-align:center;margin-top:32px}
.quotes{display:grid;gap:24px;margin-top:36px}
.q{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 10px #0001}
.q p{font-size:15px}
.q footer{display:flex;align-items:center;gap:12px;margin-top:16px}
.q img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.q b{display:block;font-weight:700}
.q small{color:var(--grey)}
.why img{max-width:1000px;margin:32px auto 0;border-radius:8px}
.cta{background:var(--blue);color:#fff;text-align:center}
.cta h2{color:#fff}
.cta .btn{background:#fff;color:var(--blue);margin-top:24px;font-weight:700}
.faq{display:grid;gap:12px 32px;margin-top:32px}
details{border:1px solid var(--line);border-radius:6px;background:#fff;padding:14px 18px}
summary{cursor:pointer;font-weight:700}
details p{margin-top:10px;font-weight:500}
footer.site{background:#000;color:#fff;padding:36px 0 48px}
footer.site .in{display:grid;gap:24px}
footer.site li a{display:block;padding:8px 15px 8px 0;font-size:14px;font-weight:600}
footer.site a:hover{color:#8f94ff}
.copy{font-size:14px;font-weight:300}
@media(min-width:900px){
.hero{grid-template-columns:1fr 1fr}
.panel.two{grid-template-columns:1fr 1fr}
.quotes{grid-template-columns:repeat(3,1fr)}
.faq{grid-template-columns:1fr 1fr;align-items:start}
}
@media(max-width:1024px){
.burger{display:block}
nav ul{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:var(--blue)}
nav.open ul{display:flex}
nav a{color:#fff}
nav a:hover,nav a[aria-current]{color:#fff;background:#000}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.topbar{background:#14199a;color:#fff;font-size:13px}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:38px;gap:12px}
.tl a{margin-left:18px}.tl a:hover{text-decoration:underline}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:72px;height:auto}
.brand b{display:block;font-size:28px;font-weight:800;letter-spacing:.3px;color:var(--blue);line-height:1.2}
.brand small{display:block;font-size:12px;font-weight:600;color:#3d3e55;line-height:1.3;max-width:270px}
header nav a.hot{display:inline-block;box-sizing:border-box;background:var(--blue);color:#fff;font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:500;font-size:16px;line-height:1.6;border-radius:0 30px 0 30px;padding:15px 22px;margin-left:8px;white-space:nowrap}
header nav a.hot:hover,header nav a.hot:focus-visible{color:#fff;background:#14199a}
@media(max-width:1024px){header nav a.hot{display:block;margin:0;border-radius:0;background:#14199a;font-size:15px;font-weight:700;padding:15px}}
.marquee{overflow:hidden;margin-top:28px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.track{display:flex;width:max-content;animation:scroll 30s linear infinite}
.marquee:hover .track{animation-play-state:paused}
.track ul{display:flex;align-items:center;gap:56px;padding-right:56px}
.track img{height:56px;width:auto;max-width:none}
@keyframes scroll{to{transform:translateX(-50%)}}
.social{display:flex;gap:8px}
.social a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#222;color:#fff}
.social svg{width:18px;height:18px;fill:currentColor}
.social .fb:hover{background:#3b5998}.social .li:hover{background:#0077b5}.social .ig:hover{background:#c13584}
.social.sm{gap:2px}.social.sm a{width:30px;height:30px;background:transparent}.social.sm svg{width:15px;height:15px}.social.sm a:hover{background:#ffffff26}
.flogo{background:#fff;border-radius:6px;padding:6px;width:100px;margin-bottom:12px}
.fabout{font-size:14px;font-weight:500;max-width:340px;margin-bottom:16px}
footer.site h3{font-size:17px;font-weight:700;margin-bottom:8px}
.copy{font-weight:500;border-top:1px solid #333;padding-top:18px}
@media(min-width:900px){footer.site .in{grid-template-columns:2fr 1fr 1fr}.copy{grid-column:1/-1}}
@media(max-width:600px){.brand span{font-size:13px}.brand img{width:56px}.tl a:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.track{animation:none;flex-wrap:wrap;width:auto}.track ul[aria-hidden]{display:none}}
.cta .split{display:grid;gap:32px;align-items:center}
.cta img{border-radius:14px;max-width:420px;width:100%;margin:auto;box-shadow:0 12px 32px #0005}
@media(min-width:900px){.cta .split{grid-template-columns:1.2fr 1fr}.cta h2,.cta .lead{text-align:left}.cta .lead{margin-left:0}}
.brand span{font-family:Cambria,"Cambria Math",Georgia,"Times New Roman",serif;font-weight:700;font-size:20px;line-height:1.25;letter-spacing:.2px;color:#4a5ce0}
.phero{background:linear-gradient(135deg,#14199a,#1D24CA 60%,#3a42e8);color:#fff;text-align:center;padding:72px 0}
.phero h1{font-size:clamp(32px,6vw,56px);font-weight:800;line-height:1.15}
.phero p{max-width:620px;margin:16px auto 0;font-size:18px;font-weight:500}
.about{display:grid;gap:32px;align-items:center}
.about h2{text-align:left;font-weight:800;margin-bottom:14px}
.about img{border-radius:14px;width:100%;max-width:480px;margin:auto;box-shadow:0 12px 32px #0002}
.goals{display:grid;gap:16px;margin-top:36px}
.goals li{position:relative;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 18px 18px 60px;font-weight:500}
.goals li::before{content:"✓";position:absolute;left:16px;top:18px;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:700}
@media(min-width:900px){.about{grid-template-columns:1fr 1fr;gap:56px}.goals{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.brand span{font-size:13px}}
.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.bar .count{font-weight:600;color:var(--grey)}
.bar label{font-weight:600;font-size:14px}
.bar select{font:600 14px Poppins,system-ui,sans-serif;padding:10px 14px;margin-left:6px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}
.bar+.grid{margin-top:20px}
.meta{display:flex;gap:14px;font-size:13px;font-weight:600;color:var(--grey);margin-top:6px}

.login-sec{background:var(--soft);padding:56px 0 72px}
.login-card{max-width:440px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:36px 32px;box-shadow:0 12px 32px #1d24ca14}
.login-card h1{font-size:clamp(24px,4vw,30px);font-weight:800;line-height:1.25;text-align:center}
.login-sub{text-align:center;color:var(--grey);margin:6px 0 24px;font-size:15px}
.fld{margin-bottom:16px}
.fld label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}
.fld input{width:100%;font:500 16px Poppins,system-ui,sans-serif;padding:12px 14px;border:1px solid #cdcfd5;border-radius:6px;background:#fff;color:var(--ink)}
.fld input:focus{outline:3px solid #1d24ca33;border-color:var(--blue)}
.pw{position:relative}
.pw input{padding-right:70px}
.pwbtn{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--blue);font:600 13px Poppins,system-ui,sans-serif;padding:8px 10px;cursor:pointer;border-radius:4px}
.pwbtn:hover{background:var(--soft)}
.login-err{background:#fdecec;color:#a11a1a;border:1px solid #f3b9b9;border-radius:6px;padding:10px 12px;font-size:14px;margin-bottom:14px}
.login-err[hidden]{display:none}
.login-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 20px;font-size:14px}
.chk{display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer}
.chk input{width:18px;height:18px;accent-color:var(--blue)}
.forgot{color:var(--blue);font-weight:600}
.forgot:hover,.login-reg a:hover{text-decoration:underline}
.login-btn{width:100%;border:0;cursor:pointer;font-family:inherit;padding:14px 26px;border-radius:6px}
.login-reg{text-align:center;margin-top:20px;font-size:14px;font-weight:500}
.login-reg a{color:var(--blue);font-weight:700}
@media(max-width:480px){.login-card{padding:28px 20px}.login-sec{padding:32px 0 48px}}