:root{--ink:#30213e;--muted:#6a596e;--pink:#ee318f;--purple:#8253d7;--line:#e8d8ee;--paper:#fffaff;color:var(--ink);background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 90% 5%,#f9ddff,#0000 45%),radial-gradient(at 0 55%,#defbfa,#0000 40%);margin:0}header{border-bottom:1px solid var(--line);background:#fffaffdd;justify-content:space-between;align-items:center;gap:20px;padding:20px max(5vw,20px);display:flex}a{color:var(--purple);text-underline-offset:4px}.brand{color:#9d3bbf;align-items:center;gap:10px;font-size:42px;font-weight:800;text-decoration:none;display:flex}.brand span{letter-spacing:-1px;font-size:28px}.brand small{letter-spacing:6px;text-align:center;font-size:9px;display:block}nav{gap:24px;font-size:14px;display:flex}nav a{font-weight:700;text-decoration:none}main{max-width:1180px;margin:auto;padding:40px 30px 70px}.hero{text-align:center;padding:60px 0 40px}.eyebrow{letter-spacing:2px;color:#985086;font-size:11px;font-weight:800}h1{letter-spacing:-3px;margin:22px 0;font-size:clamp(42px,7vw,82px);line-height:1.02}h2{letter-spacing:-1px;font-size:32px}h3{margin:22px 0;font-size:42px}h3 small{font-size:15px;font-weight:400}em{color:var(--pink);font-style:normal}p{color:var(--muted);font-size:17px;line-height:1.7}.button,button{color:#fff;cursor:pointer;background:linear-gradient(120deg,#c73ce1,#ee318f);border:0;border-radius:14px;min-height:48px;padding:15px 22px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}button:disabled{color:#76667c;cursor:not-allowed;background:#e6dae9}.secondary{color:var(--purple);border:1px solid var(--line);background:#fff}.swatches{justify-content:center;gap:12px;margin-top:35px;display:flex}.swatches span{border-radius:50%;width:34px;height:34px;box-shadow:0 5px 12px #4a165122}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}article{border:1px solid var(--line);background:#ffffffc9;border-radius:24px;padding:28px;box-shadow:0 6px 25px #79419009}.features{margin:15px 0 75px}.features p{font-size:14px}.features b{font-size:18px}#plans{scroll-margin-top:30px}.plans{margin:28px 0}.small{font-size:13px}.notice{background:#f2e6fb;border:1px solid #d9bae8;border-radius:14px;padding:16px 20px}.narrow{max-width:760px}.narrow h1{font-size:54px}.narrow article{margin:24px 0}.narrow form{margin:20px 0}label{font-size:14px;font-weight:700;display:block}input,textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #ccb8d4;border-radius:12px;margin:10px 0 18px;padding:15px;display:block}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #33b8b3}.lesson{padding-left:28px}.lesson li{padding:8px 0 20px 12px}.lesson h2{font-size:23px}footer{text-align:center;border-top:1px solid var(--line);color:var(--muted);padding:30px 20px;font-size:12px;line-height:1.8}@media (max-width:700px){header{flex-wrap:wrap;padding:15px 20px}nav{justify-content:space-between;gap:20px;width:100%;font-size:13px}.grid{grid-template-columns:1fr}main{padding:22px 20px 45px}.hero{padding:32px 0}.narrow h1{font-size:44px}.features{margin-bottom:45px}h1{letter-spacing:-2px}h2{font-size:28px}article{padding:23px}}
