*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#101a35;background:#f7f9fc}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:72px;background:#081126;color:#fff;display:flex;align-items:center;gap:34px;padding:0 6%;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;white-space:nowrap}.brandmark{width:31px;height:31px;border-radius:9px;background:#2e63ff;display:grid;place-items:center;font-weight:900}.topbar nav{display:flex;gap:8px;flex:1}.navlink{border:0;background:transparent;color:#cdd6ea;padding:10px 12px;border-radius:8px}.navlink:hover{background:#121d39;color:#fff}.header-actions{display:flex;gap:10px}.btn{border:1px solid #d6ddec;background:#fff;color:#13203d;border-radius:9px;padding:10px 16px;font-weight:750}.btn.primary{background:#2e63ff;border-color:#2e63ff;color:#fff}.btn.outline{background:transparent;color:#2e63ff;border-color:#2e63ff}.topbar .btn.ghost{background:transparent;border-color:#34415e;color:#fff}.large{padding:13px 20px}.full{width:100%}.hero{background:linear-gradient(135deg,#081126 0%,#102252 58%,#183d8e 100%);color:#fff;padding:82px 8%;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;min-height:590px;align-items:center}.eyebrow{font-size:11px;font-weight:900;letter-spacing:2px;color:#5f83ff;margin-bottom:12px}.hero .eyebrow{color:#79a0ff}.hero h1{font-size:clamp(44px,6vw,74px);line-height:1.02;margin:0 0 20px;letter-spacing:-3px}.hero h1 span{color:#5d86ff}.hero-copy{font-size:18px;line-height:1.65;color:#d3dcf0;max-width:650px}.hero-actions{display:flex;gap:12px;margin:28px 0}.hero .outline{color:#fff;border-color:#60729c;background:transparent}.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:#c9d5ed;font-size:13px}.hero-card{background:#fff;color:#12203d;border-radius:18px;padding:26px;box-shadow:0 30px 80px #0005;max-width:390px;justify-self:end}.live-pill{font-size:11px;font-weight:900;color:#2e63ff;letter-spacing:1px}.avatar{background:#e5ecff;color:#2858d9;border-radius:50%;display:grid;place-items:center;font-weight:900}.avatar.big{width:72px;height:72px;font-size:24px;margin:22px 0 10px}.hero-card h3{margin:0;font-size:22px}.hero-card p{margin:5px 0;color:#64708a}.rating{margin:14px 0;color:#f3a800}.rating b,.rating small{color:#65718a}.class-window{display:flex;align-items:center;gap:10px;border:1px solid #e1e6f0;border-radius:10px;padding:12px;margin:18px 0}.class-window small{display:block;color:#7b8598}.class-window span{margin-left:auto;font-weight:800}.mini-avatar{width:35px;height:35px;border-radius:50%;background:#edf2ff;display:grid;place-items:center;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-bottom:1px solid #e8ebf2}.stats div{padding:26px;text-align:center;border-right:1px solid #edf0f5}.stats strong{display:block;font-size:25px}.stats span{color:#6e788c;font-size:13px}.section{padding:65px 8%}.section.compact{padding-top:25px}.section-head,.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section h2{font-size:34px;margin:0}.text-btn{background:none;border:0;color:#2e63ff;font-weight:800}.subjects{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.subjects button{padding:22px;text-align:left;background:#fff;border:1px solid #e0e5ef;border-radius:12px;font-weight:800;color:#15213c}.subjects span{float:right;color:#2e63ff}.dark-panel{background:#0b142b;color:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{padding:25px;background:#121e3a;border:1px solid #263555;border-radius:14px}.feature p{color:#b8c4dd;line-height:1.6}.view{display:none}.view.active{display:block}.page-head{padding:60px 8% 30px}.page-head h1{font-size:50px;letter-spacing:-2px;margin:0 0 10px}.page-head p{color:#68738a}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;padding:0 8% 30px}.filters input,.filters select{padding:14px;border:1px solid #d9dfeb;border-radius:10px;background:#fff}.tutor-grid{padding:0 8% 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tutor{background:#fff;border:1px solid #e0e5ee;border-radius:15px;padding:20px}.tutor-top{display:flex;gap:13px;align-items:center}.tutor .avatar{width:52px;height:52px}.tutor h3{margin:0 0 4px}.verified{color:#2e63ff;font-size:12px;font-weight:800}.tutor p{color:#69748a;line-height:1.5}.tag{display:inline-block;background:#eef3ff;color:#2b57ca;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:800;margin:3px}.tutor-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.price{font-weight:900}.steps{padding:20px 8% 70px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.steps>div{background:#fff;border:1px solid #e0e5ef;border-radius:15px;padding:25px}.steps span{font-weight:900;color:#2e63ff}.steps h3{margin-bottom:5px}.steps p{color:#69748a;line-height:1.5}.notice{margin:0 8% 70px;padding:22px;background:#eef3ff;border-left:4px solid #2e63ff;border-radius:8px;color:#33415d}.dashboard-grid{padding:0 8% 30px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px}.dash-card{background:#fff;border:1px solid #e0e5ef;border-radius:15px;padding:23px}.card-title{font-size:13px;color:#6d778a;font-weight:800}.status{float:right;color:#1d9c64}.dash-card h2{margin:18px 0 7px}.dash-card p{color:#6d778a}.big-number{font-size:30px;font-weight:900;margin:18px 0 5px}.table{background:#fff;border:1px solid #e0e5ef;border-radius:12px;overflow:hidden}.table div{padding:17px;border-bottom:1px solid #edf0f5;display:flex;justify-content:space-between;gap:15px}.table div:last-child{border:0}.table span{color:#758096;font-size:13px}footer{background:#081126;color:#aeb9d0;padding:35px 8%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}footer .brand{color:#fff}.modal{display:none;position:fixed;inset:0;background:#0008;z-index:30;place-items:center;padding:20px}.modal.open{display:grid}.modal-box{width:min(520px,100%);background:#fff;border-radius:16px;padding:28px;position:relative}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:28px;color:#6b7589}.modal-box h2{margin-top:0}.modal-box p{color:#69748a;line-height:1.6}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:55px 6%}.hero-card{justify-self:start}.stats{grid-template-columns:repeat(2,1fr)}.subjects,.feature-grid,.tutor-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.topbar nav{display:none}.page-head{padding-left:6%;padding-right:6%}.filters,.tutor-grid,.steps,.dashboard-grid{padding-left:6%;padding-right:6%}.section{padding-left:6%;padding-right:6%}.notice{margin-left:6%;margin-right:6%}}@media(max-width:600px){.header-actions .ghost{display:none}.hero h1{letter-spacing:-2px}.subjects,.feature-grid,.tutor-grid,.steps{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.stats div{padding:20px 8px}.page-head h1{font-size:40px}footer{flex-direction:column;align-items:flex-start}.table div{display:block}.table span{display:block;margin-top:5px}}