:root{
--navy:#06172e;--navy2:#020c1c;--orange:#ff720e;--orange2:#ff941f;--blue:#1475df;
--text:#111a2e;--muted:#697487;--line:#e9edf3;--soft:#f7f9fc;--shadow:0 8px 25px rgba(20,40,70,.08)
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;color:var(--text);line-height:1.5;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.header{height:70px;background:var(--navy);color:white;position:sticky;top:0;z-index:1000;border-bottom:1px solid #18304d}.nav{height:70px;display:flex;align-items:center;gap:22px}.logo-link{display:flex;align-items:center;gap:9px;flex-shrink:0}.logo-link img{width:52px;height:52px;object-fit:contain}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-text strong{font-size:15px;letter-spacing:.4px}.logo-text strong span{color:var(--orange)}.logo-text small{font-size:6px;letter-spacing:1px;color:#dbe5f4;margin-top:4px}
nav{display:flex;align-items:center;gap:23px;margin-left:auto}nav a{font-size:11px;font-weight:700;color:#e9f0fa;padding:25px 0;position:relative}nav a.active:after{content:"";position:absolute;height:2px;background:var(--orange);left:0;right:0;bottom:10px}nav b{background:#ff2443;font-size:7px;padding:2px 4px;border-radius:3px}
.nav-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:9px 16px;font-size:11px;font-weight:800;transition:.25s;border:1px solid transparent}.btn-orange{background:linear-gradient(135deg,var(--orange),#ff8312);color:white;box-shadow:0 8px 20px rgba(255,112,14,.18)}.btn-orange:hover{transform:translateY(-2px)}.btn-outline{border-color:#b9c6d6;color:#fff}.btn-outline:hover{background:#fff;color:#071a32}.menu-btn{display:none;background:none;border:0}.menu-btn i{display:block;width:24px;height:2px;background:#fff;margin:5px}
.hero{height:365px;background:radial-gradient(circle at 72% 45%,#143e72,#071c38 42%,#020e20);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:42px 42px}.hero-grid{height:100%;display:grid;grid-template-columns:1fr 1fr}.hero-content{padding-top:43px;position:relative;z-index:2}.pill{display:inline-block;border:1px solid rgba(255,124,20,.5);color:#ff8b29;border-radius:20px;padding:5px 12px;font-size:9px;font-weight:800}.hero h1{font-size:40px;line-height:1.08;letter-spacing:-1px;margin:12px 0}.hero h1 span{color:var(--orange)}.hero h3{font-size:16px}.hero h3 em{color:#8195b1;font-style:normal}.hero-content>p{font-size:13px;color:#bdc9d8}.hero-buttons{display:flex;gap:10px;margin-top:16px}.btn-big{padding:12px 19px;font-size:12px}.btn-hero-outline{border:1px solid #d4deeb;color:white;padding:11px 18px;font-size:12px;border-radius:7px}.trust{display:flex;align-items:center;gap:8px;margin-top:15px;font-size:9px}.faces{display:flex}.faces span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f4f6fa;color:#23344e;font-size:8px;font-weight:900;border:2px solid #0a2344;margin-left:-4px}.faces span:first-child{margin-left:0}
.hero-person{position:relative;height:100%}.hero-person .blue-orb{position:absolute;width:350px;height:350px;right:60px;top:15px;border-radius:50%;background:radial-gradient(circle,#164b85,#0c2e59 55%,transparent 70%)}.ring{position:absolute;border:1px dashed #31aef8;border-radius:50%;z-index:1}.ring-a{width:310px;height:160px;right:15px;top:75px;transform:rotate(-12deg)}.ring-b{width:270px;height:145px;right:37px;top:95px;transform:rotate(18deg)}.hero-person img{position:absolute;z-index:3;height:315px;max-width:430px;width:auto;object-fit:contain;right:60px;bottom:0;filter:drop-shadow(0 20px 25px rgba(0,0,0,.35))}.floating{position:absolute;z-index:4;color:#23b1ff}.code{left:35px;top:55px;border:1px solid #35b8ff;background:#052242;padding:10px 17px;border-radius:7px;font-size:19px}.braces{left:5px;top:165px;font-size:23px}.cap{right:105px;top:52px;font-size:40px}
.stats{padding:10px 0;background:#fff;border-bottom:1px solid #edf0f5}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stat-grid>div{height:58px;border:1px solid #edf0f5;box-shadow:var(--shadow);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:10px}.stat-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;color:#1475df}.stat-grid strong{display:block;font-size:17px;line-height:1}.stat-grid small{font-size:9px;color:#727c8d}
.section{padding:27px 0 16px}.section.light{background:#fbfcfe}.heading{text-align:center;margin-bottom:16px}.heading label{font-size:9px;letter-spacing:1.4px;color:var(--orange);font-weight:900}.heading h2{font-size:21px;margin-top:3px}.heading h2:after{content:"";display:block;width:31px;height:3px;background:var(--orange);border-radius:4px;margin:7px auto 0}.heading.row{display:flex;justify-content:space-between;text-align:left;align-items:end}.heading.row h2:after{margin-left:0}.youtube{font-size:9px;font-weight:900;color:#ed3535}
.exam-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.exam-card{height:95px;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;flex-direction:column;transition:.25s}.exam-card:hover,.test-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(15,35,65,.12)}.circle{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:white;font-size:14px;margin-bottom:5px}.blue{background:#1678e7}.green{background:#67b832}.purple{background:#844be0}.orange{background:#ff7c0a}.red{background:#ed4451}.exam-card h3{font-size:12px}.exam-card p{font-size:9px;color:#737c8c}.center{text-align:center;margin-top:10px}.soft-btn{display:inline-block;border:1px solid #dde2e9;padding:6px 14px;border-radius:5px;background:#fff;font-size:9px;font-weight:800}
.test-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.test-card{padding:13px;border:1px solid var(--line);background:#fff;border-radius:8px;box-shadow:var(--shadow);transition:.25s}.test-head{display:flex;gap:9px;align-items:center}.test-icon{width:35px;height:35px;border-radius:8px;display:grid;place-items:center;font-size:18px}.test-head h3{font-size:14px}.test-head small{font-size:9px;color:#788292}.meta{display:flex;justify-content:space-between;border-top:1px solid #edf0f4;margin-top:10px;padding:8px 0;font-size:9px;color:#6e7888}.test-card>a{display:flex;justify-content:center;gap:8px;background:#fafbfd;border:1px solid #e4e8ee;border-radius:5px;padding:6px;font-size:9px;font-weight:800}.test-card>a b{color:var(--orange);font-size:13px}
.app{background:linear-gradient(100deg,#f1f7ff,#e9f2ff);overflow:hidden}.app-grid{min-height:225px;display:grid;grid-template-columns:280px 1fr;gap:55px;align-items:center}.phone{width:142px;height:240px;border:6px solid #101d31;background:#101d31;border-radius:20px;justify-self:center;transform:translateY(13px);box-shadow:0 20px 35px rgba(10,28,55,.2);position:relative}.phone-top{position:absolute;top:0;left:50%;transform:translateX(-50%);width:55px;height:9px;background:#101d31;border-radius:0 0 8px 8px;z-index:2}.phone-screen{height:100%;border-radius:14px;background:#fff;padding:17px 8px 7px;font-size:6px;color:#18253b;overflow:hidden}.phone-screen>b{color:#1675dc;font-size:7px}.phone-screen h4{font-size:11px;margin:8px 0}.search{padding:6px;background:#eff4fa;color:#8792a4;border-radius:5px}.phone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:8px 0}.phone-grid span{padding:6px 2px;text-align:center;border:1px solid #e8edf3;border-radius:4px}.progress{margin-top:5px;border:1px solid #e7ecf2;border-radius:5px;padding:6px}.progress span{float:right;color:#1475df}.progress i{display:block;height:3px;background:#e8edf3;margin-top:5px}.progress em{display:block;width:78%;height:100%;background:#1475df}.app-copy label{font-size:9px;color:#5a91de;letter-spacing:1.2px;font-weight:900}.app-copy h2{font-size:30px;line-height:1.08;color:#10275c;margin-top:4px}.app-copy h2 span{color:#1475df}.app-copy>p{font-size:11px;color:#526178;max-width:520px;margin:7px 0}.app-copy ul{list-style:none;font-size:10px;font-weight:700;color:#35465d;line-height:1.8}.app-copy li{color:#33445a}.stores{display:flex;gap:9px;margin-top:8px}.play,.download{border:1px solid #243349;border-radius:6px;padding:6px 10px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800}.play{background:#080e17;color:white}.play b{font-size:19px}.play small{font-size:6px;font-weight:400}.play strong{display:block;font-size:11px}.download{background:white}
.subject-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.subject-grid a{height:63px;border:1px solid var(--line);border-radius:7px;box-shadow:0 5px 15px rgba(18,35,62,.05);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center;font-size:8px;font-weight:800}.subject-grid span{font-size:19px;color:#167ce0}.subject-grid a:nth-child(2) span{color:#48a960}.subject-grid a:nth-child(3) span{color:#ff9d21}.subject-grid a:nth-child(4) span{color:#41a5a8}.subject-grid a:nth-child(5) span{color:#2ba4bb}.subject-grid a:nth-child(6) span{color:#8656d8}
.videos{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.thumb{height:115px;border-radius:8px;color:white;padding:12px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;box-shadow:0 7px 16px rgba(20,30,50,.15)}.thumb:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(0,0,0,.05),rgba(0,0,0,.5))}.thumb>*{position:relative}.thumb b{font-size:16px}.thumb strong{font-size:10px}.thumb small{font-size:10px;color:#ffd09d}.thumb i{position:absolute;right:10px;bottom:9px;width:27px;height:27px;background:white;color:#e23b30;border-radius:50%;display:grid;place-items:center;font-style:normal}.t1{background:linear-gradient(135deg,#c9191b,#182548)}.t2{background:linear-gradient(135deg,#b92327,#152847)}.t3{background:linear-gradient(135deg,#e1a700,#642900)}.t4{background:linear-gradient(135deg,#bd171b,#20243b)}.videos h3{font-size:10px;margin-top:6px;line-height:1.4}.videos p{font-size:8px;color:#758091}
.why{background:#fbfcfe}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.why-grid>div{display:grid;grid-template-columns:40px 1fr;gap:9px}.why-grid span{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:#1675df;font-size:20px}.why-grid>div:nth-child(2) span{background:#ebfaee;color:#55ac61}.why-grid>div:nth-child(3) span{background:#fff2df;color:#ff9c22}.why-grid>div:nth-child(4) span{background:#f2eaff;color:#8052da}.why-grid h3{font-size:11px}.why-grid p{font-size:9px;color:#6c7686;line-height:1.4;margin-top:2px}
.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.review-grid article{padding:12px;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);background:white}.student{display:flex;align-items:center;gap:8px;font-size:10px}.student span{width:30px;height:30px;border-radius:50%;background:#eaf2fb;color:#31577d;display:grid;place-items:center;font-size:9px;font-weight:900}.student small{display:block;font-size:8px;color:#758092;font-weight:400}.stars{display:block;color:#ff9d16;font-size:10px;letter-spacing:1px;margin-top:6px}.review-grid p{font-size:9px;color:#626d7e;line-height:1.5;margin-top:5px}
.cta{padding-top:8px}.cta-box{height:75px;background:linear-gradient(100deg,#111044,#082052);color:white;border-radius:10px 10px 0 0;display:flex;align-items:center;padding:12px 30px;position:relative;overflow:hidden}.cta-box h2{font-size:20px}.cta-box p{font-size:9px;color:#c4cede}.cta-box .btn{margin-left:auto;margin-right:90px}.rocket{font-size:40px;position:absolute;right:22px;transform:rotate(-18deg)}
footer{background:#031427;color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:30px;padding:23px 0}.footer-brand .logo-link img{width:48px;height:48px}.footer-grid h4{font-size:10px;margin-bottom:7px}.footer-grid a,.footer-grid p{font-size:9px;color:#b9c4d4;display:block;margin:5px 0}.footer-grid a:hover{color:#fff}.footer-brand p{line-height:1.55}.social{display:flex;gap:6px;margin-top:8px}.social a{width:20px;height:20px;border:1px solid #536278;border-radius:50%;display:grid;place-items:center;color:#fff!important;margin:0!important}.copyright{border-top:1px solid rgba(255,255,255,.08);padding:8px;text-align:center;color:#8997aa;font-size:8px}#topBtn{position:fixed;right:18px;bottom:18px;width:36px;height:36px;border:0;border-radius:50%;background:var(--orange);color:#fff;font-weight:900;display:none;z-index:999;cursor:pointer}
@media(max-width:1000px){nav{gap:14px}.hero h1{font-size:35px}.hero-person img{right:10px}.subject-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.menu-btn{display:block;margin-left:auto}.nav-actions{display:none}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#06172e;padding:7px 20px 15px;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}nav a.active:after{display:none}.hero{height:auto}.hero-grid{grid-template-columns:1fr;min-height:650px}.hero-content{text-align:center;padding-top:38px}.hero-buttons,.trust{justify-content:center}.hero-person{height:320px}.hero-person img{height:285px;right:50%;transform:translateX(50%)}.hero-person .blue-orb{right:50%;transform:translateX(50%);top:0}.code{left:18%}.braces{left:13%}.cap{right:18%}.stat-grid{grid-template-columns:repeat(3,1fr)}.exam-grid{grid-template-columns:repeat(3,1fr)}.test-grid,.videos{grid-template-columns:repeat(2,1fr)}.app-grid{grid-template-columns:220px 1fr;gap:20px}.why-grid{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.container{width:calc(100% - 26px)}.logo-text strong{font-size:13px}.logo-link img{width:45px;height:45px}.hero h1{font-size:32px}.hero h3{font-size:13px}.hero-buttons{flex-direction:column;align-items:center}.hero-grid{min-height:620px}.hero-person{height:300px}.hero-person img{height:280px}.stats{padding:8px 0}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-grid>div{height:52px}.stat-grid strong{font-size:15px}.exam-grid{grid-template-columns:repeat(2,1fr);gap:10px}.exam-card:last-child{grid-column:span 2}.test-grid,.videos,.why-grid,.review-grid{grid-template-columns:1fr}.app-grid{grid-template-columns:1fr;text-align:center;padding-top:20px}.phone{order:2}.app-copy ul{display:inline-block;text-align:left}.stores{justify-content:center;flex-wrap:wrap}.subject-grid{grid-template-columns:repeat(2,1fr)}.heading.row{align-items:center}.youtube{display:none}.thumb{height:180px}.cta-box{height:auto;min-height:170px;flex-direction:column;text-align:center;padding:20px}.cta-box .btn{margin:0}.rocket{position:static}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}}

/* Larger, clearer typography enhancement */
.hero h1{letter-spacing:-.6px}
.hero h3{font-weight:800}
.section{padding-top:31px}
.heading h2{font-weight:800}
.exam-card h3,.test-head h3,.videos h3,.why-grid h3{font-weight:800}
.footer-grid h4{font-size:12px}
@media(max-width:560px){
  .hero h1{font-size:31px}
  .hero h3{font-size:13px}
  .heading h2{font-size:21px}
  .stat-grid strong{font-size:16px}
}