.course-card{backface-visibility:hidden}body{font-family:Inter,sans-serif}.font-display{font-family:Outfit,sans-serif}.bg-mesh{background-color:#0f172a;background-image:radial-gradient(at 0 0,#100f15 0,#0000 50%),radial-gradient(at 50% 0,#2f3e6a80 0,#0000 50%),radial-gradient(at 100% 0,#72274180 0,#0000 50%)}.glass-card{-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff80;box-shadow:0 25px 50px -12px #00000040}.roadmap-container{font-family:Inter,sans-serif}.timeline-path{z-index:0;background:#e2e8f0;width:2px;position:absolute;top:2rem;bottom:2rem;left:28px}.timeline-path-fill{z-index:1;opacity:.8;background:linear-gradient(#3b82f6 0%,#f59e0b 50%,#10b981 100%);border-radius:4px;width:4px;height:100%;position:absolute;top:0;left:-1px}.step-icon-wrap{z-index:10;background:#fff;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex;position:absolute;top:24px;left:0;box-shadow:0 4px 6px -1px #0000000d}.dark .step-icon-wrap{background:#1e293b;border-color:#334155}.step-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;margin-left:80px;padding:2rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #00000005}.dark .step-card{background:#1e293b;border-color:#334155}.step-card:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000000d}.dark .step-card:hover{border-color:#475569;box-shadow:0 20px 25px -5px #0000004d}.category-scroll-container{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;justify-content:flex-start;gap:.75rem;padding-bottom:1rem;display:flex;overflow-x:auto}.category-scroll-container::-webkit-scrollbar{display:none}.cat-btn{color:#64748b;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:50px;padding:.6rem 1.5rem;font-size:.85rem;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #00000005}.dark .cat-btn{color:#94a3b8;background:#1e293b;border-color:#334155}.cat-btn.active{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 4px 10px #0f172a33}.dark .cat-btn.active{color:#fff;background:#f97316;border-color:#f97316;box-shadow:0 4px 10px #f9731633}.cat-btn:hover:not(.active){color:#334155;background:#f8fafc;border-color:#cbd5e1}.dark .cat-btn:hover:not(.active){color:#e2e8f0;background:#0f172a;border-color:#475569}.hero-glow{pointer-events:none;background:radial-gradient(circle at top,#f9731614 0%,#0000 60%);width:100vw;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}