.supra-page{flex-direction:column;gap:28px;display:flex}.supra-back{color:#a894ff;font-size:13px;font-weight:800}.supra-hero{background:radial-gradient(circle at 90% 8%,#38d9ff26,#0000 30%),radial-gradient(circle at 5% 90%,#7c5cff26,#0000 35%),linear-gradient(145deg,#131c2ef7,#090e18f7);border:1px solid #ffffff17;border-radius:28px;padding:30px}.supra-eyebrow{color:#9d84ff;letter-spacing:.16em;font-size:12px;font-weight:900;display:inline-block}.supra-hero h1{letter-spacing:-.05em;margin:10px 0 11px;font-size:clamp(36px,5vw,62px);line-height:1}.supra-hero p{color:#8f9bb0;max-width:900px;margin:0;line-height:1.8}.supra-meta{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.supra-meta span{color:#c4b9ff;background:#7c5cff14;border:1px solid #7c5cff3d;border-radius:999px;padding:7px 10px;font-size:11.5px}.supra-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px;display:grid}.supra-stats div{background:#ffffff06;border:1px solid #ffffff12;border-radius:14px;padding:14px}.supra-stats strong{font-size:24px;display:block}.supra-stats span{color:#8f9bb0;font-size:11.5px}.supra-section h2{margin:7px 0 18px;font-size:29px}.supra-outcomes{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.supra-outcome,.supra-panel{background:#ffffff06;border:1px solid #ffffff14;border-radius:17px;padding:17px}.supra-outcome span{color:#42e8a8;font-size:11.5px;font-weight:900}.supra-outcome p,.supra-panel p,.supra-panel li{color:#a4aebe;font-size:13px;line-height:1.6}.supra-module-list,.supra-lesson-list{flex-direction:column;gap:10px;display:flex}.supra-module-card,.supra-lesson-card{background:linear-gradient(145deg,#131c2ec2,#0a0f19c2);border:1px solid #ffffff14;border-radius:17px;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:16px;padding:17px;transition:all .2s;display:grid}.supra-module-card:hover,.supra-lesson-card:hover{border-color:#7c5cff6b;transform:translateY(-2px)}.supra-number{background:linear-gradient(135deg,#7c5cff,#536fff);border-radius:14px;place-items:center;width:50px;height:50px;font-size:14px;font-weight:900;display:grid}.supra-module-card h3,.supra-lesson-card h3{margin:0 0 4px;font-size:14px}.supra-module-card p,.supra-lesson-card p{color:#8f9bb0;margin:0;font-size:12px}.supra-module-card small,.supra-lesson-card small{color:#8f9bb0;font-size:11.5px}.supra-badge{color:#42e8a8;border:1px solid #42e8a833;border-radius:999px;margin-top:5px;padding:5px 8px;font-size:11px;display:inline-flex}.supra-progress{background:#ffffff06;border:1px solid #ffffff14;border-radius:17px;padding:18px}.supra-progress-head{justify-content:space-between;display:flex}.supra-progress-head span{color:#8f9bb0;margin-top:3px;font-size:11.5px;display:block}.supra-track{background:#ffffff0f;border-radius:999px;height:7px;margin-top:10px;overflow:hidden}.supra-fill{background:linear-gradient(90deg,#7c5cff,#38d9ff);height:100%}.supra-progress-buttons{gap:6px;margin-top:12px;display:flex}.supra-progress-buttons button{color:#aab3c2;background:#ffffff08;border:1px solid #ffffff14;border-radius:9px;width:32px;height:32px}.supra-progress-buttons button.done{color:#07120d;background:#42e8a8}.supra-three{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.supra-panel h3{margin:7px 0}.supra-panel ul{padding-left:18px}.supra-rubric{border-collapse:collapse;width:100%}.supra-rubric th,.supra-rubric td{text-align:left;border-bottom:1px solid #ffffff14;padding:11px;font-size:12px}.supra-rubric th{color:#9d84ff}.supra-rubric td{color:#aeb8c7}.supra-lesson-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px;display:grid}.supra-content{background:#ffffff06;border:1px solid #ffffff14;border-radius:20px;padding:25px}.supra-content h2{margin-top:30px}.supra-content p,.supra-content li{color:#a9b3c2;font-size:14px;line-height:1.8}.supra-sidebar{flex-direction:column;gap:12px;display:flex}.supra-sidebar-card{background:#ffffff06;border:1px solid #ffffff14;border-radius:15px;padding:16px}.supra-sidebar-card strong{margin-bottom:7px;display:block}.supra-sidebar-card ul{padding-left:17px}.supra-sidebar-card li{color:#9da8b8;font-size:12px;line-height:1.55}.supra-primary,.supra-submit,.supra-score button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c5cff,#536fff);border:0;border-radius:11px;min-height:42px;padding:0 17px;font-size:12px;font-weight:800}.supra-question{background:#ffffff06;border:1px solid #ffffff14;border-radius:17px;margin-bottom:15px;padding:20px}.supra-question>span{color:#9d84ff;letter-spacing:.1em;font-size:11px;font-weight:900}.supra-options{flex-direction:column;gap:7px;display:flex}.supra-options button{text-align:left;color:#cbd3df;background:#ffffff05;border:1px solid #ffffff14;border-radius:11px;align-items:center;gap:10px;padding:11px;display:flex}.supra-options button.selected{border-color:#7c5cff99}.supra-options button.correct{background:#42e8a812;border-color:#42e8a899}.supra-options button.wrong{background:#ff6b7912;border-color:#ff6b7999}.supra-options b{background:#7c5cff1a;border-radius:7px;place-items:center;min-width:25px;height:25px;display:grid}.supra-explanation{background:#38d9ff0d;border-radius:11px;margin-top:12px;padding:11px}.supra-explanation p{color:#aeb8c7;font-size:12px}.supra-submit:disabled{opacity:.35}.supra-score{text-align:center;background:#42e8a80d;border:1px solid #42e8a838;border-radius:18px;margin-bottom:20px;padding:22px}.supra-score>span{color:#42e8a8;font-size:11px;font-weight:900;display:block}.supra-score>strong{margin:6px 0;font-size:50px;display:block}.supra-score p{color:#aab4c3}.supra-nav{justify-content:space-between;gap:10px;margin-top:28px;display:flex}@media (max-width:1050px){.supra-outcomes{grid-template-columns:repeat(2,1fr)}.supra-three,.supra-lesson-layout{grid-template-columns:1fr}.supra-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.supra-hero{padding:21px}.supra-outcomes{grid-template-columns:1fr}.supra-module-card,.supra-lesson-card{grid-template-columns:50px 1fr}.supra-module-card small,.supra-lesson-card small{grid-column:2}}