:root{--navy:#071e3d;--navy2:#0a2a55;--blue:#1769ff;--cyan:#16b8f3;--orange:#ff7a1a;--red:#f04455;--green:#16b879;--ink:#11233f;--muted:#66758c;--line:#e5eaf1;--soft:#f4f7fb;--white:#fff;--shadow:0 24px 60px rgba(12,35,70,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button,a{outline-offset:3px}
button{cursor:pointer}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.top-strip{background:var(--navy);color:#c9d7e9;font-size:12px;font-weight:600}
.top-strip__inner{height:35px;display:flex;align-items:center;justify-content:space-between}
.top-strip a{color:#fff}.pulse-dot{display:inline-block;width:6px;height:6px;background:#40dd9b;border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px rgba(64,221,155,.12)}
.site-header{height:78px;background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(12,35,70,.07)}
.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font-family:"Space Grotesk",sans-serif;font-size:20px;letter-spacing:-.7px}
.brand>span:last-child{display:inline}.brand b{font-weight:700}.brand em{font-style:normal;color:var(--blue);font-weight:700}
.brand-mark{width:42px;height:42px;color:var(--blue);display:grid;place-items:center}.brand-mark svg{width:100%;height:100%}
.desktop-nav{display:flex;align-items:center;gap:35px;margin-left:auto}
.desktop-nav a{font-size:13px;font-weight:700;color:#44546b;position:relative;padding:28px 0}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--blue)}
.desktop-nav a.active:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:0;background:var(--blue)}
.nav-cta{border:0;background:var(--blue);color:#fff;padding:13px 18px;border-radius:8px;font-size:12px;font-weight:800;box-shadow:0 8px 20px rgba(23,105,255,.25)}
.nav-cta span,.btn span{margin-left:9px}.menu-toggle{display:none;border:0;background:transparent;font-size:23px;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:linear-gradient(116deg,#f8fbff 0%,#fff 54%,#edf6ff 100%);min-height:590px}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(23,105,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,105,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 70%)}
.hero__content{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:565px;padding-top:12px}
.hero__copy{padding:35px 0 55px}.eyebrow,.section-kicker,.admin-eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:800;color:var(--blue)}
.eyebrow span{background:var(--blue);color:#fff;padding:5px 7px;border-radius:5px;margin-right:8px}
.hero h1{font-family:"Space Grotesk",sans-serif;color:var(--navy);font-size:68px;line-height:.98;letter-spacing:-4px;margin:25px 0 22px}
.hero h1 span,.section-head h2 em,.exam-promo h2 em{color:var(--blue);font-style:normal}
.hero__copy>p{color:var(--muted);font-size:16px;line-height:1.8;max-width:560px;margin:0}
.hero__actions{display:flex;gap:12px;margin-top:30px}
.btn{border:0;border-radius:9px;padding:15px 20px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;transition:.2s}
.btn:hover{transform:translateY(-2px)}
.btn--primary{background:var(--blue);color:#fff;box-shadow:0 10px 26px rgba(23,105,255,.22)}
.btn--ghost{background:#fff;color:var(--navy);border:1px solid var(--line)}.play{display:grid!important;place-items:center;width:22px;height:22px;border-radius:50%;background:#eaf1ff;color:var(--blue);font-size:8px;margin:0 9px 0 0!important}
.trust-row{margin-top:34px;display:flex;align-items:center;gap:14px}.avatars{display:flex}.avatars span{width:31px;height:31px;border:3px solid #fff;border-radius:50%;background:#d7e6fa;margin-left:-8px;display:grid;place-items:center;font-size:8px;font-weight:800}.avatars span:first-child{margin:0}.avatars span:last-child{background:var(--blue);color:#fff}.trust-row strong,.trust-row small{display:block}.trust-row strong{font-size:11px}.trust-row small{font-size:9px;color:#8290a4;margin-top:3px}.stars{color:#ffb11b;font-size:12px;border-left:1px solid var(--line);padding-left:15px}.stars small{display:inline;color:#68778b}
.hero__visual{position:relative;height:480px;display:grid;place-items:center}.hero__visual:before{content:"";position:absolute;width:455px;height:455px;border-radius:50%;background:linear-gradient(145deg,#1575ff,#0a46c0);box-shadow:inset 20px 20px 60px rgba(255,255,255,.1)}
.hero__visual:after{content:"";position:absolute;width:380px;height:380px;border:1px dashed rgba(255,255,255,.25);border-radius:50%}
.dashboard-card{position:relative;z-index:3;width:365px;background:rgba(255,255,255,.96);border-radius:19px;padding:23px 25px;box-shadow:0 35px 65px rgba(0,25,75,.25);transform:rotate(-1.4deg)}
.dash-head{display:flex;justify-content:space-between;font-size:12px;font-weight:800}.dash-head b{font-size:8px;color:var(--green);background:#e5fbf1;padding:5px 8px;border-radius:20px}
.score-ring{width:150px;height:150px;margin:18px auto;border-radius:50%;background:conic-gradient(var(--blue) 0 86%,#e9eef5 86%);padding:10px;position:relative}.score-ring:after{content:"";display:block;background:#fff;width:100%;height:100%;border-radius:50%}.score-ring>div{position:absolute;inset:0;z-index:2;display:grid;place-content:center;text-align:center}.score-ring strong{font:700 42px "Space Grotesk";letter-spacing:-2px;color:var(--navy)}.score-ring span{font-size:11px;color:#91a0b3}.score-ring small{display:block;color:var(--green);font-size:8px;font-weight:800;margin-top:2px}
.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 18px}.mini-stats>div{display:flex;align-items:center;gap:7px;background:#f7f9fc;border-radius:8px;padding:8px}.stat-icon{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-weight:800}.correct{color:var(--green);background:#e6f9f0}.wrong{color:var(--red);background:#ffebee}.time{color:var(--blue);background:#e8f0ff}.mini-stats p{margin:0}.mini-stats strong{font-size:10px;display:block}.mini-stats small{font-size:7px;color:#8a98aa;display:block}.progress-label{display:flex;justify-content:space-between;font-size:9px}.progress-label b{color:var(--blue)}.progress{height:5px;background:#e8edf4;border-radius:10px;margin-top:7px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:10px}
.floating-card{position:absolute;z-index:5;bottom:35px;right:0;background:#fff;border-radius:11px;box-shadow:var(--shadow);padding:13px 17px;display:flex;align-items:center;gap:11px}.floating-card>span{width:31px;height:31px;background:#e3f9ef;color:var(--green);border-radius:50%;display:grid;place-items:center;font-weight:800}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:10px}.floating-card small{font-size:8px;color:#8c99aa;margin-top:3px}.road-sign{position:absolute;z-index:4;background:#fff;border:7px solid #ef3d4f;color:#172941;width:67px;height:67px;border-radius:50%;display:grid;place-items:center;font:800 18px "Space Grotesk";box-shadow:0 15px 30px rgba(7,30,61,.2)}.sign-a{left:2px;bottom:70px;transform:rotate(-12deg)}.sign-b{right:10px;top:45px;border-radius:8px;transform:rotate(10deg);color:#ef3d4f}
.hero-wave{position:absolute;left:-3%;right:-3%;bottom:-52px;height:95px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0}
.stats-band{border-bottom:1px solid var(--line);padding:15px 0 35px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid>div{text-align:center;border-right:1px solid var(--line)}.stats-grid>div:last-child{border:0}.stats-grid strong{display:block;color:var(--navy);font:700 26px "Space Grotesk"}.stats-grid span{font-size:10px;color:#8492a5;font-weight:700}
.section{padding:90px 0}.section--soft{background:var(--soft)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}.section-head h2,.exam-promo h2{font:700 38px/1.15 "Space Grotesk";letter-spacing:-1.7px;color:var(--navy);margin:10px 0 0}.section-head>p{max-width:400px;color:var(--muted);line-height:1.7;font-size:13px}.centered{justify-content:center;text-align:center}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.category-card{border:1px solid var(--line);border-radius:14px;padding:24px;position:relative;transition:.25s;background:#fff;overflow:hidden}.category-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent)}.category-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}.category-card--blue{--accent:var(--blue);--pale:#e9f1ff}.category-card--red{--accent:var(--red);--pale:#ffedef}.category-card--orange{--accent:var(--orange);--pale:#fff2e8}.category-card--green{--accent:var(--green);--pale:#e7f9f1}.category-icon{width:48px;height:48px;background:var(--pale);color:var(--accent);border-radius:12px;display:grid;place-items:center;font-size:22px;font-weight:800}.category-card .count{position:absolute;right:20px;top:25px;background:var(--soft);color:#7d8a9c;border-radius:20px;padding:5px 8px;font-size:8px;font-weight:800}.category-card h3{font:700 17px "Space Grotesk";margin:21px 0 9px}.category-card p{font-size:11px;color:var(--muted);line-height:1.6;height:36px}.category-card button{border:0;background:transparent;padding:11px 0 0;color:var(--accent);font-size:10px;font-weight:800}.category-card button span{margin-left:7px}
.exam-promo{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.exam-promo>div>p{color:var(--muted);font-size:13px;line-height:1.7;max-width:430px}.exam-promo ul{padding:0;list-style:none;margin:22px 0}.exam-promo li{font-size:11px;font-weight:700;margin:10px 0;color:#44546a}.exam-promo li::first-letter{color:var(--green)}
.exam-sheet{background:#fff;border-radius:17px;box-shadow:var(--shadow);padding:28px 32px;transform:rotate(1.5deg);border:1px solid #edf0f5}.sheet-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;color:#8390a1;font-size:9px;font-weight:800}.sheet-top b{color:var(--red);font-size:12px}.exam-sheet h3{font:700 13px "Space Grotesk";color:var(--blue);margin-top:21px}.mock-question{font-size:13px!important;color:var(--ink)!important;font-weight:700;line-height:1.6!important}.mock-option{height:42px;border:1px solid var(--line);border-radius:8px;margin-top:8px;display:flex;align-items:center;padding:0 13px;color:#8895a6;font-size:10px;font-weight:800;gap:12px}.mock-option span{font-weight:600;color:#425167}.mock-option.selected{border-color:var(--green);background:#f0fcf6;color:var(--green)}.mock-option i{margin-left:auto;background:var(--green);color:#fff;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-style:normal}.sheet-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:9px;color:#8290a2}.sheet-foot>div{width:150px;background:#edf0f5;height:5px;border-radius:5px}.sheet-foot i{display:block;width:36%;height:100%;background:var(--blue);border-radius:5px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:90px;margin-top:50px}.steps article{text-align:center;position:relative}.steps article>span{position:absolute;top:-30px;left:50%;transform:translateX(-50%);font:700 65px "Space Grotesk";color:#f1f4f8;z-index:-1}.step-icon{width:58px;height:58px;border-radius:15px;background:linear-gradient(145deg,var(--blue),#0a49c8);color:#fff;display:grid;place-items:center;font-size:22px;margin:auto;box-shadow:0 12px 25px rgba(23,105,255,.2)}.steps article:nth-child(2) .step-icon{background:linear-gradient(145deg,var(--orange),#e85a00);box-shadow:0 12px 25px rgba(255,122,26,.2)}.steps article:nth-child(3) .step-icon{background:linear-gradient(145deg,var(--green),#07935e);box-shadow:0 12px 25px rgba(22,184,121,.2)}.steps h3{font:700 16px "Space Grotesk";margin:18px 0 8px}.steps p{font-size:11px;line-height:1.6;color:var(--muted)}
.cta-section{padding:20px 0 90px}.cta-box{background:linear-gradient(115deg,#0a2d61,#086cdc);border-radius:20px;min-height:210px;padding:43px 60px;display:flex;justify-content:space-between;align-items:center;color:#fff;position:relative;overflow:hidden}.cta-box:after{content:"";position:absolute;width:330px;height:330px;border:70px solid rgba(255,255,255,.05);border-radius:50%;right:-70px;top:-130px}.cta-box span{font-size:10px;letter-spacing:1px;font-weight:800;color:#79c9ff}.cta-box h2{font:700 34px/1.15 "Space Grotesk";margin:8px 0;letter-spacing:-1px}.btn--light{background:#fff;color:var(--blue);z-index:2;box-shadow:0 12px 25px rgba(0,20,60,.2)}
.site-footer{background:#061a35;color:#a8b6c9;padding:60px 0 25px}.brand--light{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px;padding-bottom:45px}.footer-grid>div:first-child p{font-size:11px;margin-top:17px}.footer-grid h4{color:#fff;font:700 12px "Space Grotesk";margin:5px 0 18px}.footer-grid>div>a:not(.brand){display:block;font-size:10px;margin:11px 0}.footer-grid>div>a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding-top:22px;display:flex;justify-content:space-between;font-size:9px}
.srn-credit{color:#a8b6c9;transition:.2s}.srn-credit strong{color:#fff}.srn-credit:hover{color:#fff}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:80;background:#25d366;color:#fff;border-radius:30px;padding:10px 16px 10px 11px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;box-shadow:0 12px 28px rgba(15,130,70,.3)}.whatsapp-float svg{width:27px;height:27px}.mobile-nav{display:none}
.modal{position:fixed;inset:0;z-index:100;visibility:hidden;opacity:0;transition:.2s}.modal.open{visibility:visible;opacity:1}.modal__backdrop{position:absolute;inset:0;background:rgba(4,18,40,.7);backdrop-filter:blur(7px)}.exam-modal{position:absolute;inset:2.5%;background:#f5f7fb;border-radius:18px;overflow:hidden;transform:translateY(15px);transition:.2s}.modal.open .exam-modal{transform:none}.exam-header{height:78px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line)}.exam-meta{display:flex;align-items:center;gap:22px}.exam-meta>span{font-size:11px;font-weight:800;color:var(--blue);background:#eef4ff;padding:8px 12px;border-radius:6px}.exam-meta b{font:700 19px "Space Grotesk";color:var(--red)}.exam-meta button{border:0;background:#f1f3f6;width:34px;height:34px;border-radius:50%;font-size:21px;color:#5f6e81}.exam-progress{height:5px;background:#e3e8ef}.exam-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:.3s}.exam-body{height:calc(100% - 83px);overflow:auto;display:grid;place-items:center;padding:30px}.loading-state{text-align:center;color:var(--muted);font-size:12px}.loading-state span{width:38px;height:38px;border:4px solid #d9e4f5;border-top-color:var(--blue);border-radius:50%;display:block;margin:auto;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.question-box{width:min(780px,100%);background:#fff;padding:35px 40px;border-radius:16px;box-shadow:0 18px 45px rgba(15,37,71,.08)}.question-top{display:flex;justify-content:space-between;align-items:center}.question-top span{font-size:10px;font-weight:800;color:var(--blue);background:#eef4ff;padding:7px 10px;border-radius:5px}.question-top b{font-size:11px;color:#8795a7}.question-box h2{font:700 20px/1.55 "Space Grotesk";margin:27px 0}.answer-list{display:grid;gap:10px}.answer{border:1px solid var(--line);border-radius:10px;background:#fff;min-height:55px;padding:11px 15px;display:flex;align-items:center;text-align:left;gap:14px;color:#33455d;font-size:12px;font-weight:600;transition:.15s}.answer:hover{border-color:var(--blue);background:#f7faff}.answer i{font-style:normal;width:31px;height:31px;border-radius:8px;background:#f0f3f7;display:grid;place-items:center;color:#66758a;font-weight:800}.answer.selected{border-color:var(--blue);background:#eef4ff}.answer.selected i{background:var(--blue);color:#fff}.question-nav{display:flex;justify-content:space-between;align-items:center;margin-top:27px}.question-nav button{border:0;background:#eff2f6;color:#516176;border-radius:8px;padding:12px 18px;font-size:11px;font-weight:800}.question-nav button.next{background:var(--blue);color:#fff}.question-nav button:disabled{opacity:.4;cursor:not-allowed}.result-box{text-align:center;width:min(720px,100%);background:#fff;border-radius:18px;padding:40px;box-shadow:var(--shadow)}.result-icon{width:74px;height:74px;border-radius:50%;background:#e6f9f0;color:var(--green);font-size:31px;display:grid;place-items:center;margin:auto}.result-box h2{font:700 28px "Space Grotesk";margin:17px 0 8px}.result-box>p{font-size:12px;color:var(--muted)}.result-score{font:700 55px "Space Grotesk";color:var(--blue);margin:25px 0}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.result-stats div{background:var(--soft);padding:18px;border-radius:10px}.result-stats strong,.result-stats span{display:block}.result-stats strong{font:700 20px "Space Grotesk"}.result-stats span{font-size:9px;color:var(--muted);margin-top:4px}.result-actions{display:flex;justify-content:center;gap:10px;margin-top:25px}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:block}.nav-cta{margin-left:auto}.hero__content{grid-template-columns:1fr}.hero__copy{text-align:center;padding-bottom:10px}.hero__copy>p{margin:auto}.hero__actions,.trust-row{justify-content:center}.hero__visual{height:450px}.hero{min-height:1000px}.category-grid{grid-template-columns:repeat(2,1fr)}.exam-promo{gap:40px}.steps{gap:30px}}
@media(max-width:620px){body{padding-bottom:64px}.container{width:min(100% - 28px,1180px)}.top-strip{display:none}.site-header{height:66px}.brand{font-size:17px}.brand-mark{width:36px;height:36px}.nav-cta{display:none}.hero{min-height:780px}.hero__content{min-height:0}.hero__copy{padding:55px 0 5px}.eyebrow{font-size:9px}.hero h1{font-size:45px;letter-spacing:-2.7px;margin:21px 0}.hero__copy>p{font-size:13px;line-height:1.65}.hero__actions{display:grid}.btn{padding:15px}.trust-row{margin-top:25px;flex-wrap:wrap}.hero__visual{height:360px;transform:scale(.78);margin:-15px -45px 0}.hero__visual:before{width:420px;height:420px}.dashboard-card{width:350px}.floating-card{right:-15px}.stats-band{padding:15px 0 25px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px 0}.stats-grid>div:nth-child(2){border:0}.stats-grid strong{font-size:23px}.section{padding:65px 0}.section-head{display:block;text-align:center;margin-bottom:28px}.section-head h2,.exam-promo h2{font-size:30px}.section-head>p{margin:15px auto 0}.category-grid{grid-template-columns:1fr}.category-card p{height:auto}.exam-promo{grid-template-columns:1fr;gap:35px}.exam-sheet{padding:23px 20px;transform:none}.steps{grid-template-columns:1fr;gap:55px}.steps article{max-width:280px;margin:auto}.cta-section{padding:0 0 55px}.cta-box{display:block;text-align:center;padding:38px 20px}.cta-box h2{font-size:28px}.cta-box .btn{margin-top:18px}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-bottom{display:block;line-height:2}.whatsapp-float{bottom:77px;right:14px}.whatsapp-float span{display:none}.whatsapp-float{padding:11px;border-radius:50%}.mobile-nav{position:fixed;z-index:70;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 -8px 25px rgba(10,30,60,.08)}.mobile-nav a,.mobile-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:8px;font-weight:700;color:#718095}.mobile-nav span{font-size:17px;color:var(--blue)}.exam-modal{inset:0;border-radius:0}.exam-header{height:65px;padding:0 15px}.exam-header .brand>span:last-child{display:none}.exam-meta{gap:8px}.exam-meta>span{display:none}.exam-body{height:calc(100% - 70px);padding:12px}.question-box{padding:23px 17px}.question-box h2{font-size:16px;margin:20px 0}.answer{font-size:11px}.question-nav{gap:10px}.question-nav button{flex:1}.result-box{padding:27px 17px}.result-score{font-size:45px}.result-actions{display:grid}.footer-grid>div:nth-child(2){display:none}}