@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f3f8;--ink:#211a2e;--muted:#777181;--purple:#7046b5;--purple2:#a987e8;--pink:#f15a9d;--line:#e8e2ef;--dark:#171126}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.topbar{height:78px;padding:0 max(calc((100% - 1180px)/2),5%);display:flex;align-items:center;justify-content:space-between;background:#171126;color:white;position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:14px;letter-spacing:1.5px;font-weight:800}.brand b{color:#d6b4ff}.brand small{display:block;font:8px 'DM Mono';letter-spacing:1.2px;color:#b9aecb;margin-top:4px}.brand-mark{width:39px;height:39px;border:1px solid #b98aff;border-radius:12px;display:grid;place-items:center;color:#e7c8ff;font:700 13px Manrope}nav{display:flex;gap:28px;font-size:13px;color:#d0c8dc}nav a:hover{color:#e4b8ff}.menu-toggle{display:none;background:none;border:0;color:white;font-size:23px}.hero{max-width:1180px;margin:auto;padding:94px 24px 82px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:1.8px;color:var(--purple);font-weight:500}.hero h1{font:800 clamp(38px,5vw,61px)/1.08 Manrope;letter-spacing:-2.8px;margin:20px 0}.hero h1 em{font-style:normal;color:var(--purple)}.hero-copy>p,.section-heading>p{color:var(--muted);font-size:16px;line-height:1.75;max-width:520px}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{border:0;border-radius:9px;padding:13px 18px;font:700 12px 'DM Sans';cursor:pointer;display:inline-flex;align-items:center;gap:12px}.primary{background:var(--purple);color:white}.primary:hover{background:#593492}.ghost{background:white;color:var(--ink);border:1px solid var(--line)}.hero-meta{display:flex;gap:20px;flex-wrap:wrap;color:#827b8b;font-size:10px;margin-top:35px}.hero-panel{background:var(--dark);border-radius:18px;padding:25px;color:#fff;box-shadow:0 22px 60px #26133b25}.panel-top,.panel-foot{display:flex;justify-content:space-between;font:9px 'DM Mono';letter-spacing:1.1px;color:#a99dbb}.live-dot{color:#8cdbb2}.mini-sheet{background:#fff;color:#322a3c;border-radius:8px;margin:26px 0 12px;padding:13px;font-size:11px}.mini-sheet>div{display:grid;grid-template-columns:1.2fr .8fr .8fr;padding:12px 5px;border-bottom:1px solid #eee}.mini-sheet .sheet-head{font:9px 'DM Mono';color:#81788d;background:#f6f3f9}.mini-sheet b,.mini-sheet strong{text-align:right}.mini-sheet .sheet-total{display:flex;justify-content:space-between;color:#5c3c91;font-weight:700;border:0}.formula-chip{background:#2c213e;border:1px solid #49345e;padding:12px;border-radius:7px;font:11px 'DM Mono';color:#e7d9fa;margin-bottom:24px}.formula-chip b{float:right;color:#8cdbb2}.stats{background:#fff;border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:25px max(calc((100% - 1130px)/2),5%)}.stats div{display:flex;flex-direction:column;gap:5px;border-right:1px solid var(--line);padding-left:28px}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats strong{font:700 25px Manrope;color:var(--purple)}.stats span{font-size:11px;color:var(--muted)}.section{max-width:1180px;margin:auto;padding:90px 24px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.section-heading h2{font:800 clamp(27px,3vw,38px) Manrope;letter-spacing:-1.5px;margin:12px 0 0}.section-heading>p{max-width:390px;font-size:13px;margin:0}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.module-card{background:white;border:1px solid var(--line);border-radius:13px;padding:22px;min-height:190px;display:flex;flex-direction:column;transition:.2s}.module-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #2c1d3b10}.module-number{font:10px 'DM Mono';color:var(--purple)}.module-card h3{font:700 18px Manrope;margin:13px 0 7px}.module-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 18px}.module-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font:10px 'DM Mono';color:#887e94}.module-bottom button{border:0;background:#f1eafa;color:#63409a;padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:700}.compat{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:25px;padding:17px;background:#eee9f4;border-radius:9px;font-size:10px;color:#655d70}.compat b{color:#33283f;margin-right:8px}.compat span{background:white;padding:6px 9px;border-radius:5px}.compat small{width:100%;color:#837b8c}.dark-section{max-width:none;background:var(--dark);color:white;padding-inline:max(calc((100% - 1132px)/2),5%)}.dark-section .section-heading>p{color:#b7aec5}.dark-section .section-heading h2{color:#fff}.dark-section .eyebrow{color:#c29af3}.lab{background:#fff;color:var(--ink);border-radius:14px;padding:25px}.lab-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.lab-title h3{font:700 20px Manrope;margin:8px 0}.lab-status{font:9px 'DM Mono';color:#338b62}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;background:#f4f0f8;color:#756b82;font:10px 'DM Mono';padding:12px}td{padding:10px 12px;border-bottom:1px solid #eee9f2}td input{width:100%;max-width:130px;border:1px solid #e6dfed;border-radius:5px;padding:8px;font:12px 'DM Sans';color:var(--ink)}tfoot td{font-weight:700;color:#5e3b91;background:#faf8fc}.lab-controls{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.lab-controls .btn{font-size:10px}.formula-explain{border-left:3px solid var(--purple2);background:#f7f3fb;padding:14px 17px}.formula-explain span{display:block;font:9px 'DM Mono';color:#7e7190;margin-bottom:8px}.formula-explain code{font:12px 'DM Mono';color:#58388c}.formula-explain p{font-size:11px;color:var(--muted);margin-bottom:0}.vox-card{display:flex;gap:25px;background:white;border:1px solid var(--line);border-radius:14px;padding:30px}.vox-icon{width:64px;height:64px;flex:none;border-radius:16px;background:#f0e8fa;color:var(--purple);display:grid;place-items:center;font-size:25px}.vox-content h3{font:700 20px Manrope;margin:9px 0}.vox-content p{font-size:14px;line-height:1.7;color:#6e6678}.vox-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.vox-controls label{font-size:11px;color:var(--muted)}.vox-controls input{vertical-align:middle;width:100px}.vox-content small{font-size:10px;color:#8b8492}.quiz-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:25px;max-width:760px}.quiz-card h3{font:700 17px Manrope}.quiz-option{display:block;width:100%;text-align:left;background:#faf9fc;border:1px solid var(--line);border-radius:8px;padding:13px;margin:9px 0;cursor:pointer;color:var(--ink);font:12px 'DM Sans'}.quiz-option:hover{border-color:var(--purple2)}.quiz-option.correct{border-color:#4a9c76;background:#eff9f3}.quiz-option.wrong{border-color:#d66b79;background:#fff2f3}.quiz-feedback{font-size:12px;line-height:1.6;padding:12px;background:#f5f0fa;border-radius:8px;margin-top:14px}.progress-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.progress-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:25px}.progress-number{font:800 42px Manrope;color:var(--purple);margin:12px 0}.progress-track{height:8px;background:#eee9f3;border-radius:10px;overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--purple),var(--pink));transition:.3s}.progress-card p,.certificate-area p{font-size:12px;line-height:1.7;color:var(--muted)}.progress-card h3{font:700 19px Manrope;margin:16px 0 8px}.text-link{font-size:12px;font-weight:700;color:var(--purple)}.certificate-area{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px;margin-top:16px;border:1px solid #e6d9f3;background:#f0eafa;border-radius:12px}.certificate-area h3{font:700 18px Manrope;margin:8px 0}.certificate-area p{max-width:760px;margin-bottom:0}footer{background:#171126;color:#aaa0b8;padding:32px max(calc((100% - 1130px)/2),5%);display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{color:white}footer p,footer>span{font-size:10px}dialog{width:min(680px,92vw);border:0;border-radius:15px;padding:28px;color:var(--ink);box-shadow:0 30px 90px #10091c66}dialog::backdrop{background:#171126bb}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{border:0;background:#f2eef6;border-radius:7px;padding:9px;cursor:pointer}#lessonContent h2{font:800 27px Manrope;margin:22px 0 10px}#lessonContent p,#lessonContent li{font-size:14px;line-height:1.75;color:#625a6b}#lessonContent .lesson-example{background:#f3eef9;padding:15px;border-radius:8px;font:12px 'DM Mono';margin:16px 0}#lessonContent .lesson-actions{display:flex;gap:10px;margin-top:22px}footer{flex-wrap:wrap}@media(max-width:760px){.topbar{padding:0 20px}.menu-toggle{display:block}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#171126;padding:20px;flex-direction:column;gap:18px}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:60px;gap:38px}.hero h1{letter-spacing:-1.8px}.stats{grid-template-columns:repeat(2,1fr);gap:20px}.stats div{padding:0;border:0}.section{padding:65px 20px}.section-heading{display:block}.section-heading>p{margin-top:15px}.module-grid{grid-template-columns:1fr}.progress-layout{grid-template-columns:1fr}.vox-card{padding:20px;display:block}.vox-icon{margin-bottom:18px}.certificate-area{display:block}.certificate-area button{margin-top:15px}footer{display:block;padding:30px 20px}footer p{margin:20px 0}.dark-section{padding-inline:20px}}