.courses-page{background-color:var(--color-bg-dark);min-height:100vh;padding-bottom:5rem}.courses-header{color:#fff;border-radius:0 0 1.5rem 1.5rem;margin-bottom:.5rem;padding:2rem 1.5rem 2.5rem;background:linear-gradient(135deg,#4c1d95,#6d28d9)!important}.courses-header h1{margin-bottom:.5rem;font-size:1.75rem}.courses-subtitle{opacity:.9;max-width:600px;font-size:.95rem}.courses-content{z-index:2;box-sizing:border-box;width:100%;max-width:100%;margin-top:-1.5rem;padding:0 1.5rem;position:relative}.courses-stats{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;margin-bottom:2rem;display:flex}.stat-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;text-align:center;border:1px solid #ffffff1a;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:160px;height:90px;padding:.75rem .5rem;font-size:.85rem;font-weight:500;line-height:1.3;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;background:#1e293b66!important}.stat-chip:hover:not(.active){transform:translateY(-1px);background:#1e293b80!important}.stat-chip.active{border-color:var(--color-primary);box-shadow:0 4px 12px #7134f166;background:#7134f14d!important}.theme-light .stat-chip:not(.active){border:1px solid var(--color-border)!important;color:var(--color-text-primary)!important;background:#fff9!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.theme-light .stat-chip:not(.active):hover{transform:translateY(-1px);background:#fffc!important}.courses-roadmap{flex-direction:column;align-items:center;width:100%;padding:3rem 0 6rem;display:flex;position:relative;overflow:hidden}.roadmap-highway{z-index:1;background:#e2e8f0;border-radius:16px;width:32px;position:absolute;top:0;bottom:120px;left:50%;transform:translate(-50%)}.theme-dark .roadmap-highway{background:#1e293b;border-left:2px solid #ffffff0d;border-right:2px solid #ffffff0d;box-shadow:inset 0 0 15px #00000080}.roadmap-highway:after{content:"";background-image:repeating-linear-gradient(#0000,#0000 15px,#ffffffb3 15px 30px);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.theme-dark .roadmap-highway:after{background-image:repeating-linear-gradient(#0000,#0000 15px,#ffffff26 15px 30px)}.roadmap-step{z-index:2;width:100%;margin-bottom:2.5rem;display:flex;position:relative}.roadmap-step.step-left{justify-content:flex-start}.roadmap-step.step-right{justify-content:flex-end}.step-node{z-index:4;border:4px solid var(--color-bg-dark);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.theme-light .step-node{border-color:#f1f5f9}.step-node.available,.step-node.in-progress{color:#fff;background:#7c3aed;box-shadow:0 4px 15px #7c3aed66}.step-node.completed{color:#fff;background:#10b981;box-shadow:0 4px 15px #10b98166}.step-node.locked{color:#94a3b8;background:#f8fafc;border:3px solid #e2e8f0;box-shadow:0 4px 10px #0000000d}.theme-dark .step-node.locked{background:var(--color-bg-secondary);color:var(--color-text-dim);border-color:#334155}.step-card{cursor:pointer;z-index:3;background:#fffffff2;border:1px solid #0000000d;border-radius:1.25rem;flex-direction:column;width:calc(50% - 1.25rem);transition:transform .2s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #0000000a}.step-card-bg{z-index:0;opacity:.35;background-position:50%;background-size:cover;transition:opacity .3s;position:absolute;inset:0}.theme-dark .step-card-bg{opacity:.3}.step-card:not(.locked):hover .step-card-bg{opacity:.35}.theme-dark .step-card:not(.locked):hover .step-card-bg{opacity:.45}.step-card-content{z-index:1;flex-direction:column;height:100%;padding:1.25rem;display:flex;position:relative}.theme-dark .step-card{background:#1e293bf2;border:1px solid #ffffff0d}.roadmap-step.step-left .step-card{margin-left:.25rem;margin-right:auto}.roadmap-step.step-right .step-card{margin-left:auto;margin-right:.25rem}@media (min-width:480px){.roadmap-step.step-left .step-card,.roadmap-step.step-right .step-card{margin:0}}.step-card.locked{opacity:.7;cursor:not-allowed;background:#f8fafcb3}.theme-dark .step-card.locked{background:#0f172ab3}.step-card:not(.locked):hover{transform:translateY(-4px);box-shadow:0 12px 35px #00000014}.phase-pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#7c3aed;letter-spacing:.05em;text-transform:uppercase;background:#ffffffd9;border:1px solid #e5e7eb;border-radius:1rem;align-self:flex-end;margin-bottom:.75rem;padding:.2rem .6rem;font-size:.6rem;font-weight:800;box-shadow:0 2px 8px #0000000d}.theme-dark .phase-pill{color:#a855f7;background:#1e293bd9;border-color:#ffffff1a}.course-title-roadmap{color:var(--color-text-title);text-shadow:0 0 12px #fff,0 0 24px #fffc,0 2px 4px #ffffff80;justify-content:space-between;align-items:center;margin-bottom:1.25rem;font-size:.95rem;font-weight:800;line-height:1.3;display:flex}.theme-dark .course-title-roadmap{text-shadow:0 0 12px #000,0 0 24px #000c,0 2px 4px #00000080}.progress-section{flex-direction:column;gap:.5rem;display:flex}.progress-header{color:#8b5cf6;letter-spacing:.05em;text-shadow:0 0 8px #ffffffe6,0 1px 2px #fffc;justify-content:space-between;font-size:.6rem;font-weight:800;display:flex}.locked .progress-header{color:var(--color-text-dim)}.theme-dark .progress-header{color:#a855f7;text-shadow:0 0 8px #000000e6,0 1px 2px #000c}.theme-dark .locked .progress-header{color:var(--color-text-dim)}.progress-bar-container{background:#7c3aed33;border-radius:4px;height:8px;overflow:hidden;box-shadow:0 0 0 1px #fff9,0 2px 5px #0000001a}.theme-dark .progress-bar-container{box-shadow:0 0 0 1px #0009,0 2px 5px #0000004d}.locked .progress-bar-container{background:var(--color-bg-secondary)}.progress-bar-fill{background:linear-gradient(90deg,#7c3aed,#c084fc);border-radius:3px;height:100%;transition:width .5s}.completed .progress-bar-fill{background:#10b981}.roadmap-goal{z-index:5;text-align:center;flex-direction:column;align-items:center;margin-top:1rem;display:flex}.goal-node{background:linear-gradient(135deg,#eab308,#f59e0b);border:6px solid #fef08a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1rem;display:flex;position:relative;box-shadow:0 0 30px #eab30866}.theme-dark .goal-node{border-color:#facc1533}.goal-node:after{content:"";z-index:-1;background:radial-gradient(circle,#eab30866 0%,#0000 70%);border-radius:50%;position:absolute;inset:-10px}.roadmap-goal h3{color:#eab308;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.25rem;font-size:1.1rem;font-weight:900}.roadmap-goal p{color:var(--color-text-dim);font-size:.85rem;font-weight:500}@media (max-width:380px){.step-card{padding:.85rem}.course-title-roadmap{margin-bottom:.75rem;font-size:.85rem}}