:root{--blue:#1264e8;--ink:#10213e;--muted:#4b5567;--line:#e4eaf2}*{box-sizing:border-box}body{font-family:Poppins,Arial,sans-serif!important;color:var(--ink);background:#fff}.container{max-width:1180px}.navbar{height:76px!important;padding:0!important}.navbar-brand{font-size:20px!important;color:var(--ink)!important;display:flex;align-items:center}.brand-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--blue);color:#fff;margin-right:9px;box-shadow:0 5px 13px #1264e840}.navbar-nav{gap:34px}.navbar-nav .nav-link{font-size:14px!important;padding:12px 8px!important;color:#101827!important}.navbar-nav .nav-link.active{color:var(--blue)!important}.navbar .btn{font-size:14px;border:0;padding:10px 22px;border-radius:8px}.navbar .btn-primary{background:var(--blue);box-shadow:0 7px 16px #1264e834}.hero{min-height:520px;padding:0!important;background:radial-gradient(circle at 86% 48%,#eef5ff 0 22%,transparent 22.1%)}.hero-container{max-width:1180px;min-height:520px;margin:auto;padding:0 12px;display:grid;grid-template-columns:45% 55%;align-items:center}.hero-left{padding-left:12px}.hero-badge{display:inline-block;background:#eaf2ff;color:#1264e8;border-radius:22px;padding:9px 16px;font-size:13px;font-weight:600}.hero h1{font-size:45px;line-height:1.14;letter-spacing:-1.4px;font-weight:800;margin:20px 0 18px;color:var(--ink)}.hero h1 span{display:block}.hero h1 span:after{content:'.';color:var(--blue)}.hero-left>p{font-size:17px;line-height:1.55;color:#465368;margin:0 0 27px}.hero-buttons{display:flex;gap:16px;margin-bottom:35px}.hero-buttons a{min-width:140px;text-align:center;border-radius:8px;padding:13px 24px;font-size:14px;font-weight:600;text-decoration:none}.hero-buttons .btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 18px #1264e833}.hero-buttons .btn-secondary{background:#fff;color:var(--blue);border:1px solid var(--blue)}.hero-rating{display:flex;align-items:center;gap:14px;color:#202c3f;font-size:12px}.avatars{display:flex}.avatars img{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-7px}.avatars img:first-child{margin-left:0}.stars{color:#f6b70c;letter-spacing:1px;font-size:16px}.hero-rating p{margin:3px 0 0;font-size:12px}.hero-right{position:relative}.hero-dashboard{max-width:650px!important;width:100%!important;border-radius:0!important;box-shadow:none!important;transform:translateX(15px)}section.bg-light{background:linear-gradient(110deg,#f3f8ff,#eef5ff)!important;padding:28px 0 24px!important}section.bg-white{padding:24px 0 28px!important}.container h2{font-size:24px!important;letter-spacing:-.5px;color:var(--ink);margin-bottom:24px!important}.feature-card,.test-card{background:#fff!important;border-radius:11px!important;padding:17px 20px!important;text-align:center;box-shadow:none!important;transition:.2s;min-height:172px}.feature-card:hover,.test-card:hover{transform:translateY(-4px)!important;box-shadow:0 12px 30px #10213e15!important}.feature-icon,.test-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#edf4ff;color:var(--blue);font-size:27px}.feature-card h4,.test-card h4{font-size:14px;font-weight:600;margin:0 0 10px;color:var(--ink)}.feature-card p,.test-card p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}.test-card{border:1px solid var(--line);min-height:205px!important}.test-icon-reading{background:#edf9f1;color:#189b4f}.test-icon-writing{background:#fff2e6;color:#e8750c}.test-icon-speaking{background:#f4efff;color:#7948c9}.test-link{display:block;text-align:left;margin-top:16px;font-size:13px;font-weight:600;text-decoration:none}.test-link-reading{color:#169747}.test-link-listening{color:var(--blue)}.test-link-writing{color:#e66e00}.test-link-speaking{color:#7444c5}.how-it-works{padding:0 0 30px!important;background:#fff}.how-step{padding:0!important;box-shadow:none!important;background:transparent!important}.how-step:hover{transform:none!important;box-shadow:none!important}.step-icon{width:58px!important;height:58px!important;border:1px solid #dfe6f0!important}.step-icon i{font-size:25px!important;color:var(--blue)!important}.step-number{width:24px!important;height:24px!important;top:-5px!important;left:-9px!important;background:var(--blue)!important}.how-step h3{font-size:14px!important;margin:12px 0 6px!important}.how-step p{font-size:12px!important;line-height:1.55;color:var(--muted)!important;max-width:165px;margin:auto}.how-it-works .col-md-3{position:relative}.how-it-works .col-md-3:not(:last-child):after{content:'→';position:absolute;right:-8px;top:30px;color:#c8d0da;font-size:29px}@media(max-width:800px){.navbar{height:auto!important;padding:12px 0!important}.hero-container{grid-template-columns:1fr;padding:45px 25px}.hero-right{margin-top:35px}.hero h1{font-size:37px}.how-it-works .col-md-3:after{display:none}}@media(max-width:480px){.hero-dashboard{transform:none}.hero-buttons{flex-wrap:wrap}.hero-buttons a{width:100%}}