*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f4ff;color:#27163f;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:19px max(20px,calc((100vw - 1150px)/2));background:#241044;color:#fff;flex-wrap:wrap}.brand{font-weight:850;font-size:21px}.brand small{font-size:12px;color:#d8c1ff}.top nav{display:flex;gap:20px;font-size:14px;flex-wrap:wrap}.wrap{max-width:1150px;margin:0 auto;padding:35px 20px}.hero{background:radial-gradient(circle at 90% 0,#7951c6,#3b1873 50%,#200d40);color:white;border-radius:28px;padding:55px 45px}.hero h1{font-size:clamp(36px,5vw,62px);margin:9px 0 14px;line-height:1.09}.hero p{color:#e4d7fa;max-width:640px;line-height:1.7}.eyebrow{color:#cdb6ff;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:1.4px}.button,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;background:#6a2cc5;color:white;font-weight:800;padding:13px 20px;cursor:pointer;font-size:15px}.button.light{background:white;color:#502093}.button:disabled{opacity:.5}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:17px;gap:17px;margin-top:22px}.card{background:white;border:1px solid #e9e0f6;border-radius:20px;padding:23px;box-shadow:0 8px 26px #3c1a6510}.card h3{margin:8px 0}.card p,.muted{color:#736583;line-height:1.6}.panel{background:#fff;border:1px solid #e9e0f6;border-radius:22px;padding:25px;margin-top:22px}.form{display:grid;grid-gap:13px;gap:13px;max-width:470px}.form label{display:grid;grid-gap:5px;gap:5px;font-weight:650}.form input,.form select,.form textarea{width:100%;padding:12px 13px;border-radius:10px;border:1px solid #cdbde0;font:inherit;background:#fff;color:#291641}.form textarea{min-height:130px}.error{color:#bb2143}.success{color:#187d44}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill{background:#eee6fa;border-radius:50px;padding:9px 15px;color:#5e2da1;font-size:13px;font-weight:800}.daygrid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-gap:6px;gap:6px;margin:16px 0}.day{font-size:12px;text-align:center;padding:11px 2px;border-radius:9px;border:1px solid #e4d7f7;background:#f8f5ff}.day.current{color:#fff;background:#6e2cc4}footer{text-align:center;padding:28px;color:#776688}@media(max-width:760px){.cards{grid-template-columns:1fr}.top{padding:18px}.hero{padding:32px 23px}.daygrid{grid-template-columns:repeat(6,1fr)}}.lesson{margin-top:16px;border:1px solid #e2d5f4;border-radius:16px;padding:19px;background:#fdfbff}.lesson h3{font-size:20px;line-height:1.7}.lesson .form{max-width:none;margin:14px 0}.overview{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-gap:5px;gap:5px}.overview .day{display:flex;flex-direction:column;gap:4px}.overview .day small{font-size:10px;opacity:.7}.overview .has-content{background:#e4d6ff;border-color:#9d6adf;color:#421b80}.day.locked{opacity:.4}.day.unlocked{background:#e4f8ee;border-color:#c2e9d2}@media(max-width:700px){.overview{grid-template-columns:repeat(5,1fr)}}.usage-card h2{margin:0}.usage-metrics{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:13px;gap:13px;margin:20px 0}.usage-metrics>div{background:#f3ebff;border-radius:16px;padding:16px}.usage-metrics strong{display:block;font-size:25px;color:#502093}.usage-metrics small{display:block;color:#736583;margin-top:4px}.usage-meter{width:100%;height:11px;border-radius:20px;background:#e8def6;overflow:hidden}.usage-meter>div{height:100%;background:linear-gradient(90deg,#8754dd,#5420a1);border-radius:20px}@media(max-width:520px){.usage-metrics{grid-template-columns:1fr}}