/* Stage 06 MILOPA Learning Library - vibrant mobile-first learning UI */
.learn-shell{max-width:1100px}.learn-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:42px 45px;border-radius:25px;background:radial-gradient(circle at 88% 80%,#ffb75fbd,transparent 30%),radial-gradient(circle at 87% 4%,#f47bdca9,transparent 38%),linear-gradient(120deg,#553ae2,#8364ff);color:white;overflow:hidden;position:relative}
.learn-hero.aqua{background:linear-gradient(125deg,#0c998d,#35d3b8,#795ef5)}.learn-hero.coral{background:linear-gradient(125deg,#ed607e,#fc92ac,#9b61ef)}.learn-hero.blue{background:linear-gradient(125deg,#3c67db,#57bbf4,#9373f9)}.learn-hero.gold{background:linear-gradient(125deg,#da9a28,#ffc265,#e8719d)}.learn-hero h1{font-size:clamp(30px,4.4vw,47px);letter-spacing:-1.7px;line-height:1.11;color:white;margin:13px 0;max-width:650px}.learn-hero p{font-size:13px;line-height:1.8;color:#f8f4ff;max-width:550px}.learn-hero .overline{color:#ffe7a8;font-weight:850}.learn-art{font-size:113px;transform:rotate(-10deg);filter:drop-shadow(0 12px 7px #4a2cc14d)}.learn-art span{position:absolute;font-size:36px;color:#ffdb5c;right:-6px;top:-15px}.learn-filters{display:flex;align-items:center;gap:9px;overflow-x:auto;scrollbar-width:thin;padding:22px 0 5px}.learn-filters a{flex:none;display:inline-flex;gap:6px;align-items:center;border:1px solid #e5dff4;background:white;padding:11px 16px;border-radius:50px;color:#68597f;text-decoration:none;font-size:11px;font-weight:850}.learn-filters a.active{color:#fff;background:#7653ea;border-color:#7653ea}.learn-section-title{margin:28px 0 16px}.learn-section-title h2{margin:0;color:#302749;font-size:25px;letter-spacing:-.7px}.learn-section-title p{color:#887f9b;font-size:12px;margin:5px 0 0}.learn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.learn-card{background:white;border:1px solid #eee6f9;border-radius:23px;padding:24px;box-shadow:0 10px 28px #4b2b810c;display:flex;flex-direction:column;gap:12px;min-height:260px}.learn-card-top{display:flex;align-items:start;justify-content:space-between;font-size:11px;font-weight:800;color:#897a9f}.learn-icon{width:58px;height:58px;display:grid;place-items:center;font-size:30px;border-radius:18px;background:linear-gradient(130deg,#e6dbff,#f5c7fb)}.learn-card.coral .learn-icon{background:linear-gradient(130deg,#ffe0e6,#ffb5c8)}.learn-card.aqua .learn-icon{background:linear-gradient(130deg,#c3f6e8,#d7e8ff)}.learn-card.gold .learn-icon{background:linear-gradient(130deg,#fff2bf,#ffd8ab)}.learn-card.blue .learn-icon{background:linear-gradient(130deg,#d3e9ff,#dfd7ff)}.learn-card-label{font-size:10px;font-weight:900;letter-spacing:.7px;color:#7850d9}.learn-card h3{margin:0;font-size:22px;letter-spacing:-.6px;line-height:1.22;color:#30264a}.learn-card p{font-size:12px;line-height:1.75;color:#868095;margin:0;flex:1}.learn-action,.learn-btn{display:inline-flex;justify-content:center;align-items:center;text-align:center;background:#7450ed;color:white;text-decoration:none!important;border:0;border-radius:12px;padding:13px 19px;font:inherit;font-size:12px;font-weight:850;cursor:pointer;box-shadow:0 7px 16px #7753ec32}.learn-card.coral .learn-action{background:#ef648e}.learn-card.aqua .learn-action{background:#00a99a}.learn-card.gold .learn-action{background:#c98923}.learn-card.blue .learn-action{background:#397adf}.learn-disclaimer{color:#978da7;font-size:11px;line-height:1.7;margin:25px 0}.learn-back{display:inline-block;margin:5px 0 20px;text-decoration:none;color:#7652db;font-size:12px;font-weight:850}.learn-enroll{background:white;border:1px solid #e7defa;border-radius:18px;padding:22px;display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:25px}.learn-enroll b{font-size:17px}.learn-enroll p{color:#888097;font-size:12px;line-height:1.6}.learn-track{height:10px;background:#e8ddff;border-radius:99px;overflow:hidden;margin:0 0 22px}.learn-track>span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#7450ed,#ff69a1,#23cfc5)}.learn-lesson-list{display:grid;gap:12px}.learn-lesson-row{background:white;border:1px solid #ece4f6;padding:20px;border-radius:16px;display:flex;align-items:center;gap:18px}.learn-number{flex:none;width:43px;height:43px;display:grid;place-items:center;background:#f0eafe;color:#6f4bd6;border-radius:12px;font-size:15px;font-weight:900}.learn-lesson-row>div:nth-child(2){flex:1;min-width:0}.learn-lesson-row b{font-size:14px;color:#302548}.learn-lesson-row p{font-size:11px;line-height:1.6;color:#8a8298;margin:6px 0}.learn-lesson-row small,.learn-lock{font-size:10px;color:#9b92a8}.learn-lesson-row a{flex:none;color:#7553db;text-decoration:none;font-weight:850;font-size:12px}.learn-reading{max-width:850px}.learn-reading-top{display:flex;justify-content:space-between;gap:12px;margin-top:17px;font-size:11px;font-weight:900;color:#744bdc}.learn-reading h1{font-size:clamp(28px,4vw,42px);color:#292044;line-height:1.15;letter-spacing:-1px;margin:17px 0 12px}.learn-lead{color:#85798f;font-size:14px;line-height:1.7}.learn-body{padding:30px;background:white;border:1px solid #efe8f8;border-radius:20px;color:#474057;font-size:14px;line-height:1.9;margin:23px 0}.learn-body h2,.learn-body h3{color:#352451;line-height:1.3}.learn-body a{color:#694bd5}.learn-media{background:#f3efff;border:1px solid #e8deff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:15px;margin:18px 0}.learn-media>span{font-size:28px}.learn-media>div{flex:1}.learn-media b{font-size:13px}.learn-media p{color:#877a98;font-size:11px}.learn-media a{color:#654bc4;font-weight:850;font-size:12px}.learn-quiz{border:1px solid #efe5fa;background:white;padding:26px;border-radius:20px}.learn-quiz .learn-section-title{margin-top:0}.learn-question{border:0;padding:0;margin:0 0 25px}.learn-question legend{font-size:14px;font-weight:850;color:#392950;margin-bottom:11px}.learn-question label{display:flex;gap:9px;align-items:center;margin:9px 0;padding:12px;border-radius:11px;border:1px solid #ece5f7;font-size:12px;color:#66576f;cursor:pointer}.learn-question label:has(input:checked){background:#f1eaff;border-color:#8f6af2}.learn-question input{accent-color:#7454e6}.learn-feedback{padding:23px;border-radius:17px;background:#e5fff4;margin:18px 0;border:1px solid #8bdaba}.learn-feedback.retry{background:#fff5df;border-color:#f3cf80}.learn-feedback h2{font-size:20px;color:#3f3751}.learn-feedback p{font-size:12px;color:#686074}.learn-complete{margin:20px 0}.learn-report-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 20px}.learn-report-stats>div{background:linear-gradient(125deg,#f0e8ff,#e8faff);padding:20px;border-radius:15px;display:grid;gap:8px}.learn-report-stats span{font-size:11px;color:#786890}.learn-report-stats strong{font-size:29px;color:#5736bd}
@media(max-width:760px){.learn-grid{grid-template-columns:1fr}.learn-hero{padding:29px 23px}.learn-art{font-size:65px}.learn-hero h1{font-size:34px}.learn-enroll{align-items:stretch;flex-direction:column}.learn-report-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:470px){.learn-hero{padding:27px 19px}.learn-art{font-size:49px}.learn-hero h1{font-size:30px}.learn-lesson-row{padding:15px;gap:11px}.learn-lesson-row a{font-size:11px}.learn-quiz{padding:19px}.learn-body{padding:20px}}

.learn-player{display:block;width:100%;max-width:100%;border-radius:16px;margin:14px 0;background:#292143}

.learn-my-courses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.learn-my-course{display:flex;align-items:center;gap:12px;padding:16px;text-decoration:none;background:#fff;border:1px solid #ebe2fa;border-radius:14px;color:#453456}.learn-my-course>span{font-size:25px}.learn-my-course>div{flex:1;min-width:0}.learn-my-course b{display:block;font-size:12px}.learn-my-course small{display:block;font-size:10px;color:#8c829c;margin:5px 0}.learn-my-course strong{color:#7854e7}.learn-my-course .learn-track{display:block;height:5px;margin:8px 0 0}.learn-my-course .learn-track i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#7550ec,#ff679a)}@media(max-width:650px){.learn-my-courses{grid-template-columns:1fr}}

.learn-progress{display:block;width:100%;height:10px;overflow:hidden;border:0;border-radius:99px;background:#e8ddff;margin:0 0 22px;appearance:none}.learn-progress::-webkit-progress-bar{background:#e8ddff;border-radius:99px}.learn-progress::-webkit-progress-value{background:linear-gradient(90deg,#7450ed,#ff69a1,#23cfc5);border-radius:99px}.learn-progress::-moz-progress-bar{background:linear-gradient(90deg,#7450ed,#ff69a1,#23cfc5);border-radius:99px}.learn-my-course .learn-progress{height:6px;margin:8px 0 0}