.student-login{background:var(--navy);color:#fff;padding:13px 19px;border:0;border-radius:8px;font:inherit;font-size:.85rem;font-weight:800;cursor:pointer}.button{border:0;font-family:inherit;cursor:pointer}.button.ghost{background:transparent}.learning{padding:100px max(6vw,24px);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;background:#eef4f9}.learning-copy h2{font-size:clamp(2.1rem,3.7vw,3.6rem);line-height:1.05;letter-spacing:-.05em;margin:0}.learning-copy p{color:var(--muted);line-height:1.75;margin:24px 0 30px}.learning-player{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 24px 60px rgba(0,37,95,.14)}.player-screen{min-height:270px;border-radius:13px;background:linear-gradient(135deg,#00255f,#0d4b82);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:14px}.player-screen button{width:68px;height:68px;border-radius:50%;border:0;background:var(--orange);color:#fff;font-size:1.35rem;cursor:pointer}.player-screen span{font-size:.82rem}.lesson-progress{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:20px 4px 10px}.lesson-progress div{display:flex;flex-direction:column;gap:5px}.lesson-progress span{color:var(--muted);font-size:.76rem}.lesson-progress b{color:var(--orange)}.progress-track{height:7px;background:#e6ebf1;border-radius:20px;overflow:hidden}.progress-track span{display:block;width:40%;height:100%;background:var(--orange)}.learning-player ul{list-style:none;padding:0;margin:18px 0 0}.learning-player li{display:flex;justify-content:space-between;padding:12px 4px;border-top:1px solid var(--line);font-size:.8rem}.learning-player li.done{color:var(--muted)}.learning-player li.current{color:var(--navy);font-weight:800}dialog h2{font-size:1.7rem;line-height:1.2}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkout-note,.access-note{display:block;color:var(--muted);font-size:.72rem;line-height:1.5;margin-top:15px}#login-form{display:grid;gap:15px;margin-top:24px}#login-form label{display:grid;gap:7px;font-size:.8rem;font-weight:800}#login-form input{width:100%;border:1px solid var(--line);border-radius:8px;padding:13px;font:inherit}#login-form .button{margin-top:4px}@media(max-width:1000px){.student-login{display:none}.learning{grid-template-columns:1fr}}@media(max-width:620px){.learning{padding:70px 20px}.player-screen{min-height:210px}.dialog-actions{grid-template-columns:1fr}}