*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#111b31;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}.container{width:min(1240px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #edf0f5}.nav-wrap{height:70px;display:flex;align-items:center;gap:28px}.brand{font-size:25px;font-weight:850;letter-spacing:-1px;color:#18243a}.brand span{color:#3e995c}.desktop-nav{display:flex;gap:22px;flex:1}.desktop-nav a{font-size:12px;color:#516078;padding:25px 0}.desktop-nav a.active{color:#1f62d4;border-bottom:2px solid #1f62d4}.nav-actions{display:flex;align-items:center;gap:9px}.search-box{display:flex;align-items:center;width:210px;height:36px;border:1px solid #e2e7ef;border-radius:9px;padding:0 10px;gap:7px;color:#8b96a8;background:#fff}.search-box input{border:0;outline:0;width:100%;font-size:10px;background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;padding:10px 14px;font-size:11px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn-primary{color:#fff;background:#2165d7;box-shadow:0 7px 20px rgba(33,101,215,.18)}.btn-outline{color:#2760c3;background:#fff;border-color:#cbd8ea}.btn-light{color:#205fc4;background:#fff;border:0}.btn.small{padding:9px 13px}.mobile-menu-btn{display:none;border:1px solid #dbe2ec;background:#fff;border-radius:8px;padding:8px 10px}.mobile-menu{display:none}.hero{position:relative;overflow:hidden;padding:56px 0 52px;background:linear-gradient(112deg,#f7fbff 0%,#f0f7ff 58%,#fff 100%);border-bottom:1px solid #edf1f6}.hero-grid{display:grid;grid-template-columns:54% 46%;align-items:center;gap:10px;min-height:400px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:9px;font-weight:900;letter-spacing:1.35px;color:#2869d6}.hero h1{font-size:45px;line-height:1.04;letter-spacing:-2px;margin:12px 0 10px;max-width:720px}.hero h1 strong{display:block;color:#1f61d4}.hero h2{font-size:20px;margin:0 0 10px}.hero-description{color:#647188;max-width:590px;font-size:12px;line-height:1.65}.hero-actions{display:flex;gap:10px;margin-top:21px}.hero-btn{padding:12px 17px}.white-border{border-color:#2a69d5}.trust-row{display:flex;gap:27px;margin-top:28px}.trust-item{display:flex;gap:8px;align-items:center}.trust-icon{font-size:22px;color:#2372db}.trust-item b,.trust-item small{display:block}.trust-item b{font-size:10px}.trust-item small{font-size:9px;color:#718096;margin-top:2px}.hero-art{height:320px;position:relative}.hero-art .reference-image{display:none}.hero-laptop{position:absolute;right:4px;top:44px;width:400px;z-index:2}.laptop-top{background:#1d2430;border-radius:15px 15px 9px 9px;padding:13px 13px 15px;box-shadow:0 23px 45px rgba(77,105,137,.26)}.laptop-screen{height:217px;background:linear-gradient(135deg,#eff8ff,#fff);border-radius:5px;padding:25px 28px;display:flex;flex-direction:column;gap:11px;transform:perspective(600px) rotateX(-1deg)}.screen-title{font-size:11px;color:#2062cf;font-weight:900;margin-bottom:2px}.screen-check{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:750;color:#1f8c67}.screen-check span{color:#18233a}.laptop-base{height:11px;width:109%;margin-left:-4.5%;border-radius:0 0 35px 35px;background:#c3cad2;box-shadow:0 8px 5px rgba(0,0,0,.06)}.book-stack{position:absolute;bottom:31px;left:11px;z-index:4;display:flex;flex-direction:column;gap:2px}.book{display:block;width:165px;padding:8px 12px;border-radius:3px;color:#fff;font-size:9px;font-weight:800;box-shadow:0 3px 6px rgba(0,0,0,.1)}.b1{background:#4170ca}.b2{background:#308a62}.b3{background:#d2922e}.b4{background:#7452bd}.b5{background:#d4557c}.note{position:absolute;background:#f7f0bd;color:#40515f;font-size:10px;font-weight:800;line-height:1.35;padding:10px 13px;box-shadow:0 4px 9px rgba(0,0,0,.07);z-index:5}.note-top{right:41px;top:6px;transform:rotate(4deg)}.note-small{left:95px;top:20px;transform:rotate(-3deg)}.section{padding:56px 0}.practice-section{text-align:center}.section-kicker{font-size:9px;color:#2d6fd8;font-weight:900;letter-spacing:1.3px}.section-title{font-size:30px;letter-spacing:-1px;margin:6px 0}.section-title span,.section-head h2 span{color:#1d61d4}.section-subtitle,.section-head p{font-size:12px;color:#7a8698;margin:0}.practice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;text-align:left;margin-top:28px}.practice-card{padding:22px;border:1px solid #e7ebf1;border-radius:16px;box-shadow:0 9px 25px rgba(32,51,81,.045);transition:.22s;background:#fff}.practice-card:hover{transform:translateY(-5px);box-shadow:0 17px 35px rgba(32,51,81,.10)}.card-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:22px}.green{color:#159d69;background:#e8faf1}.purple{color:#7041d0;background:#f0eaff}.orange{color:#df741c;background:#fff0df}.pink{color:#d74370;background:#ffebf1}.practice-card h3{font-size:16px;margin:16px 0 8px}.chips{display:flex;gap:6px}.chips span{font-size:9px;color:#6e7b90;background:#f4f6f9;border-radius:20px;padding:4px 7px}.practice-card p{font-size:11px;line-height:1.55;color:#748096;min-height:50px;margin:12px 0 16px}.card-btn{border:0;width:100%;border-radius:8px;padding:10px;font-size:10px;font-weight:850;cursor:pointer}.card-btn.green{color:#fff;background:#1ba46e}.card-btn.purple{color:#fff;background:#7545d5}.card-btn.orange{color:#fff;background:#ed7820}.card-btn.pink{color:#fff;background:#df3d6d}.card-btn span{font-size:13px}.stats-section{background:#fbfcfe;border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head h2{font-size:22px;margin:0 0 5px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px}.stat-card{background:#fff;border:1px solid #e7ebf1;border-radius:12px;padding:16px;display:flex;gap:11px}.stat-symbol{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:17px;font-weight:900;flex:0 0 auto}.blue{color:#1e6cd3;background:#e9f2ff}.stat-symbol.purple{color:#7148ce;background:#efe9ff}.stat-symbol.orange{color:#df7620;background:#fff0df}.stat-symbol.red{color:#df4f61;background:#ffecef}.stat-symbol.gold{color:#cc8f1a;background:#fff4d8}.stat-card small,.stat-card strong,.stat-card em{display:block}.stat-card small{font-size:9px;color:#78849a}.stat-card strong{font-size:16px;margin-top:2px}.stat-card em{font-size:8px;color:#159b67;font-style:normal;margin-top:5px}.stat-card em.warning{color:#de5763}.featured-section{background:#f8fafc}.featured-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:16px;margin-top:21px}.test-list{background:#fff;border:1px solid #e7ebf0;border-radius:14px;overflow:hidden}.test-row{display:grid;grid-template-columns:38px 1fr auto auto;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid #edf0f4}.test-row:last-child{border-bottom:0}.test-icon{width:34px;height:34px;border-radius:9px;background:#e9f3ff;color:#2672d2;display:grid;place-items:center;font-size:16px}.test-icon.subject{background:#eee8ff;color:#7147ce}.test-icon.pyq{background:#fff0df;color:#d87b22}.test-icon.green{background:#e8f8ef;color:#159569}.test-info b,.test-info small{display:block}.test-info b{font-size:10px}.test-info small{font-size:9px;color:#78859a;margin-top:3px}.test-tag{font-size:8px;font-weight:800;color:#3270d3;background:#edf4ff;border-radius:20px;padding:5px 8px}.attempt-btn{border:0;background:#2165d7;color:#fff;border-radius:7px;padding:8px 10px;font-size:9px;font-weight:850;cursor:pointer}.motivation-card{position:relative;overflow:hidden;background:linear-gradient(140deg,#eef7ff,#f9fcff);border-radius:14px;padding:28px;min-height:220px}.motivation-card h3{font-size:23px;line-height:1.08;margin:15px 0 7px}.motivation-card p{font-size:10px;color:#708096;line-height:1.5;max-width:260px}.mountain-art{height:48px;position:relative}.sun{position:absolute;width:22px;height:22px;border-radius:50%;right:72px;top:8px;background:#d8eeff}.mountain{position:absolute;bottom:0;display:block;width:0;height:0;border-left:75px solid transparent;border-right:75px solid transparent;border-bottom:75px solid #d5e7fb}.m1{right:-14px}.m2{right:53px;border-left-width:59px;border-right-width:59px;border-bottom-width:58px;border-bottom-color:#b9d8f6}.flag{position:absolute;right:6px;bottom:63px;color:#2164d3;font-size:24px}.join-cta{margin:0 auto 45px;width:min(1240px,92%);background:linear-gradient(102deg,#195fc5,#2278df);color:#fff;border-radius:13px}.join-inner{padding:20px 26px;display:flex;align-items:center;gap:15px}.people-icon{font-size:28px}.join-copy{flex:1}.join-copy b,.join-copy span{display:block}.join-copy b{font-size:14px}.join-copy span{font-size:10px;color:#d8e8ff;margin-top:2px}footer{border-top:1px solid #edf0f4;padding:21px 0;color:#8a95a6;font-size:9px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:15px}.footer-inner div{display:flex;gap:17px}.toast{position:fixed;right:22px;bottom:20px;background:#111b31;color:#fff;padding:11px 14px;border-radius:9px;font-size:10px;box-shadow:0 10px 25px rgba(0,0,0,.15);opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;z-index:100}.toast.show{opacity:1;transform:none}@media(max-width:1100px){.desktop-nav{gap:15px}.search-box{display:none}.hero-grid{grid-template-columns:58% 42%}.hero-art{transform:scale(.9);transform-origin:center right}.practice-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}.stats-grid .stat-card:nth-child(4),.stats-grid .stat-card:nth-child(5){grid-column:span 1}}@media(max-width:760px){.container{width:min(94%,560px)}.nav-wrap{height:62px}.desktop-nav{display:none}.dashboard-btn,.nav-actions .btn-outline{display:none}.mobile-menu-btn{display:block}.mobile-menu{display:none;border-top:1px solid #edf0f4;background:#fff;padding:8px 6%;box-shadow:0 10px 18px rgba(0,0,0,.05)}.mobile-menu.open{display:grid}.mobile-menu a{padding:12px 0;font-size:12px;color:#47556d}.hero{padding:38px 0 34px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:33px;letter-spacing:-1.3px}.hero h2{font-size:17px}.hero-description{font-size:11px}.trust-row{gap:12px;flex-wrap:wrap;margin-top:22px}.trust-item{flex:1 1 30%;min-width:120px}.trust-item b{font-size:9px}.hero-art{display:none}.hero-actions{flex-direction:column;max-width:260px}.hero-btn{width:100%}.section{padding:42px 0}.section-title{font-size:26px}.practice-grid,.stats-grid,.featured-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.section-head .btn{align-self:flex-start}.stats-grid{gap:9px}.test-row{grid-template-columns:34px 1fr auto}.test-tag{display:none}.join-inner{flex-wrap:wrap;padding:19px}.join-copy{min-width:calc(100% - 50px)}.join-inner .btn{width:100%}.footer-inner{flex-direction:column;text-align:center}.footer-inner div{gap:12px}.reference-image{display:none!important}}
/* =========================
Production mobile polish
========================= */
@media (max-width:760px){
html,body{width:100%;overflow-x:hidden}
.container{width:calc(100% - 28px);max-width:none}
.site-header{height:auto}
.nav-wrap{height:60px;padding:0 14px;gap:8px}
.brand{font-size:21px;letter-spacing:-.8px}
.nav-actions{margin-left:auto;gap:7px}
.mobile-menu-btn{display:grid!important;place-items:center;width:36px;height:36px;padding:0;font-size:15px}
.mobile-menu{padding:4px 14px 10px;grid-template-columns:repeat(2,1fr);gap:3px 8px}
.mobile-menu.open{display:grid}
.mobile-menu a{padding:10px 8px;border-radius:8px;background:#f7f9fc;font-size:11px}
.hero{padding:28px 0 25px}
.hero-grid{display:block;min-height:0}
.hero-copy{width:100%}
.eyebrow{font-size:8px;line-height:1.45;letter-spacing:1px}
.hero h1{font-size:30px;line-height:1.08;letter-spacing:-1.1px;margin:9px 0 8px}
.hero h1 strong{display:inline}
.hero h2{font-size:15px;line-height:1.35;margin-bottom:8px}
.hero-description{font-size:10.5px;line-height:1.6;margin:0}
.hero-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:16px;max-width:none}
.hero-btn{width:100%;min-height:42px;font-size:11px}
.trust-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}
.trust-item{min-width:0;padding:9px 8px;border:1px solid #e5ebf3;background:#fff;border-radius:10px}
.trust-item:last-child{grid-column:1/-1}
.trust-icon{font-size:17px}
.trust-item b{font-size:8.5px}
.trust-item small{font-size:8px}
.hero-art{display:none}
.section{padding:38px 0}
.section-kicker{font-size:8px}
.section-title{font-size:24px;line-height:1.15;margin:5px 0}
.section-subtitle{font-size:10px;line-height:1.5}
.practice-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}
.practice-card{min-width:0;padding:13px 11px;border-radius:12px;box-shadow:0 5px 16px rgba(32,51,81,.045)}
.practice-card:hover{transform:none}
.card-icon{width:36px;height:36px;border-radius:10px;font-size:17px}
.practice-card h3{font-size:11px;line-height:1.25;margin:10px 0 6px}
.chips{gap:4px;flex-wrap:wrap}
.chips span{font-size:7.5px;padding:3px 5px}
.practice-card p{font-size:8.5px;line-height:1.45;min-height:52px;margin:9px 0 10px}
.card-btn{min-height:34px;padding:8px 5px;font-size:8.5px}
.section-head{flex-direction:row;align-items:end;gap:9px}
.section-head h2{font-size:19px;line-height:1.2}
.section-head p{font-size:9px;line-height:1.4}
.section-head .btn{white-space:nowrap;padding:8px 9px;font-size:8.5px}
.stats-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}
.stat-card{padding:11px;gap:8px;min-height:76px;border-radius:10px}
.stats-grid .stat-card:last-child{grid-column:1/-1}
.stat-symbol{width:29px;height:29px;border-radius:8px;font-size:14px}
.stat-card small{font-size:7.5px}
.stat-card strong{font-size:13px;line-height:1.2;margin-top:1px}
.stat-card em{font-size:7px;margin-top:4px}
.featured-grid{grid-template-columns:1fr;gap:10px;margin-top:16px}
.test-list{border-radius:12px}
.test-row{grid-template-columns:31px 1fr auto;gap:8px;padding:10px}
.test-icon{width:30px;height:30px;border-radius:8px;font-size:13px}
.test-info b{font-size:9px;line-height:1.25}
.test-info small{font-size:7.5px;line-height:1.3}
.test-tag{display:none}
.attempt-btn{padding:7px 8px;font-size:7.5px;white-space:nowrap}
.motivation-card{min-height:165px;padding:20px;border-radius:12px}
.motivation-card h3{font-size:19px;margin:10px 0 5px}
.motivation-card p{font-size:9px;max-width:210px}
.motivation-card .btn{font-size:9px;padding:9px 11px}
.join-cta{width:calc(100% - 28px);margin:0 auto 28px;border-radius:11px}
.join-inner{padding:16px;display:grid;grid-template-columns:36px 1fr;gap:8px 10px}
.people-icon{font-size:22px}
.join-copy b{font-size:12px}
.join-copy span{font-size:8px;line-height:1.4}
.join-inner .btn{grid-column:1/-1;width:100%;min-height:38px}
footer{padding:17px 0}
.footer-inner{font-size:8px;gap:10px}
.footer-inner div{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 12px}
}
@media (max-width:390px){
.container{width:calc(100% - 20px)}
.brand{font-size:20px}
.hero{padding-top:24px}
.hero h1{font-size:27px}
.hero h2{font-size:14px}
.hero-description{font-size:10px}
.trust-row{grid-template-columns:1fr}
.trust-item:last-child{grid-column:auto}
.practice-grid{gap:7px}
.practice-card{padding:11px 9px}
.practice-card h3{font-size:10px}
.practice-card p{font-size:8px;min-height:55px}
.card-btn{font-size:8px}
.section-head{align-items:flex-start}
.section-head .btn{display:none}
.stats-grid{gap:7px}
.stat-card{padding:10px}
.stat-card strong{font-size:12px}
.test-row{grid-template-columns:29px 1fr}
.attempt-btn{grid-column:2;justify-self:start}
}
/* =========================
Desktop readability pass
========================= */
@media (min-width:761px){
.container{width:min(1320px,92%)}
.nav-wrap{height:78px;gap:34px}
.brand{font-size:28px}
.desktop-nav{gap:26px}
.desktop-nav a{font-size:14px;padding:28px 0}
.nav-actions{gap:11px}
.search-box{width:245px;height:42px}
.search-box input{font-size:12px}
.nav-actions .btn{font-size:13px;padding:10px 15px}
.nav-actions .btn.small{padding:11px 16px}
.hero{padding:72px 0 62px}
.hero-grid{min-height:455px}
.eyebrow{font-size:10px;letter-spacing:1.45px}
.hero h1{
font-size:55px;
line-height:1.02;
letter-spacing:-2.5px;
margin:14px 0 13px;
}
.hero h2{font-size:24px;line-height:1.3;margin-bottom:12px}
.hero-description{
max-width:650px;
font-size:14px;
line-height:1.7;
}
.hero-actions{gap:12px;margin-top:25px}
.hero-btn{padding:14px 20px;font-size:13px;border-radius:9px}
.trust-row{gap:38px;margin-top:34px}
.trust-icon{font-size:25px}
.trust-item b{font-size:12px}
.trust-item small{font-size:10px}
.hero-art{height:350px}
.hero-laptop{width:440px;right:0;top:46px}
.laptop-screen{height:240px;padding:28px 32px;gap:13px}
.screen-title{font-size:13px}
.screen-check{font-size:18px}
.book{width:180px;padding:10px 14px;font-size:10px}
.note{font-size:11px}
.section{padding:68px 0}
.section-kicker{font-size:10px}
.section-title{font-size:38px;margin:8px 0}
.section-subtitle{font-size:14px}
.practice-grid{gap:22px;margin-top:34px}
.practice-card{padding:26px;border-radius:18px}
.card-icon{width:56px;height:56px;border-radius:15px;font-size:25px}
.practice-card h3{font-size:20px;margin:18px 0 9px}
.chips span{font-size:10px;padding:5px 9px}
.practice-card p{font-size:13px;line-height:1.6;min-height:62px;margin:14px 0 19px}
.card-btn{padding:12px;font-size:12px;border-radius:9px}
.section-head h2{font-size:29px}
.section-head p{font-size:13px}
.section-head .btn{font-size:12px;padding:11px 15px}
.stats-grid{gap:15px;margin-top:26px}
.stat-card{padding:20px;gap:13px;border-radius:14px}
.stat-symbol{width:42px;height:42px;border-radius:11px;font-size:20px}
.stat-card small{font-size:10px}
.stat-card strong{font-size:20px;margin-top:3px}
.stat-card em{font-size:9px;margin-top:7px}
.featured-grid{gap:20px;margin-top:27px}
.test-row{grid-template-columns:44px 1fr auto auto;gap:14px;padding:16px 18px}
.test-icon{width:40px;height:40px;border-radius:10px;font-size:17px}
.test-info b{font-size:12px}
.test-info small{font-size:10px;margin-top:4px}
.test-tag{font-size:9px;padding:6px 10px}
.attempt-btn{padding:10px 13px;font-size:10px}
.motivation-card{min-height:275px;padding:34px}
.motivation-card h3{font-size:29px}
.motivation-card p{font-size:12px}
.join-cta{margin-bottom:55px}
.join-inner{padding:25px 30px}
.join-copy b{font-size:17px}
.join-copy span{font-size:12px}
.join-inner .btn{font-size:12px;padding:12px 18px}
footer{font-size:11px}
}
/* Medium-large screens: keep readability without over-scaling */
@media (min-width:761px) and (max-width:1100px){
.desktop-nav{gap:16px}
.desktop-nav a{font-size:12px}
.hero h1{font-size:46px}
.hero h2{font-size:20px}
.hero-description{font-size:12px}
}