:root{--bg-body:#f8fafc;--bg-card:#fff;--bg-sidebar:#fff;--text-main:#1e293b;--text-sub:#64748b;--border:#e2e8f0}.dark{--bg-body:#0b0f1a;--bg-card:#121624;--bg-sidebar:#0a0d18;--text-main:#f8fafc;--text-sub:#94a3b8;--border:#273449}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.text-heading{color:#1e293b;transition:color .3s}.text-body{color:#475569;transition:color .3s}.text-muted{color:#94a3b8;transition:color .3s}.dark .text-heading{color:#fff}.dark .text-body{color:#cbd5f5}.dark .text-muted{color:#94a3b8}.text-main{color:var(--text-main)}.text-sub{color:var(--text-sub)}.sidebar-bg{border-color:var(--border);transition:background-color .3s,border-color .3s;background-color:var(--bg-sidebar)!important}body{font-family:Inter,sans-serif;transition:background-color .3s,color .3s;background-color:var(--bg-body)!important;color:var(--text-main)!important}.dark body{background:radial-gradient(circle at 20% 20%,#111827,#020617 80%)}main{background:var(--bg-body)}.sidebar-link.active{color:#fff;background-color:#4f46e5;box-shadow:0 10px 15px -3px #4f46e566}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fffc;border:1px solid #ffffff4d;border-radius:1.5rem;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.dark .glass-card{background:linear-gradient(145deg,#151a2d,#0f1424);border:1px solid #2f3b55;box-shadow:0 10px 30px #0009}.glass-card:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(120deg,#0000,#6366f11a,#0000);transition:all .4s;position:absolute;inset:0}.logo-toggle{filter:invert();transition:all .3s}.dark .logo-toggle{filter:invert(0)brightness()drop-shadow(0 0 8px #6366f14d)}.dark .glass-card:before{background:linear-gradient(120deg,#0000,#6366f126,#0000)}.glass-card:hover:before{opacity:1}.glass-card:hover{border-color:#6366f14d;transform:translateY(-6px)scale(1.01);box-shadow:0 20px 40px #0000001a}.dark .glass-card:hover{border-color:#6366f166;box-shadow:0 25px 60px #000c}.bento-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-flow:dense;gap:1.5rem;display:grid}.bento-span-2{grid-column:span 2}.bento-span-3{grid-column:span 3}@keyframes pulseGlow{0%{box-shadow:0 0 #4f46e566}70%{box-shadow:0 0 0 15px #4f46e500}to{box-shadow:0 0 #4f46e500}}.animate-pulse-glow{animation:2.5s infinite pulseGlow}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:6s ease-in-out infinite float}.timeline-line{background:linear-gradient(#0000,#4f46e5 20%,#9333ea 50%,#4f46e5 80%,#0000);border-radius:2px;width:3px}.dark .timeline-line{opacity:.4;background:linear-gradient(#0000,#6366f1 30%,#a855f7 50%,#6366f1 70%,#0000)}.step-node{z-index:20;color:#4f46e5;background:#f8fafc;border:2px solid #4f46e5;justify-content:center;align-items:center;width:40px;height:40px;font-weight:900;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 12px #0000000d}.dark .step-node{color:#c7d2fe;background:#0f172a;border:2px solid #818cf8;box-shadow:0 0 15px #6366f166}.roadmap-item:hover .step-node{background:#4f46e5;transform:scale(1.1)rotate(10deg);box-shadow:0 0 20px #4f46e580;color:#fff!important}.profile-avatar{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}#sidebar-overlay{display:none}@media (max-width:1023px){#sidebar{transition:transform .3s ease-in-out;transform:translate(-100%)}#sidebar.open{transform:translate(0)}#sidebar-overlay.visible{display:block}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}#hustler-modal-overlay{display:none}.blur-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172a99}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite loading}.dark .skeleton{background:linear-gradient(90deg,#1e293b 25%,#334155 50%,#1e293b 75%) 0 0/200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.line-clamp-1{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--bg-body)}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-sub)}.scroll-smooth{scroll-behavior:smooth}