:root{--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-light:#e0e7ff;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-bg-main:#f8fafc;--color-bg-surface:#fff;--color-bg-subtle:#f1f5f9;--color-text-main:#0f172a;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--font-family-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-serif:"Playfair Display", Georgia, serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-glass:0 8px 32px 0 #1f268712;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--sidebar-width:260px;--header-height:64px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg-main);max-width:100vw;color:var(--color-text-main);font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}.glass-panel{-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-glass);background:#ffffffb3;border:1px solid #ffffff4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.w-full{width:100%}.h-full{height:100%}.bento-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.bento-grid{grid-template-columns:repeat(3,1fr)}.bento-col-span-2{grid-column:span 2}.bento-col-span-3{grid-column:span 3}}.bento-card{border-radius:1.5rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.bento-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-container{white-space:nowrap;width:100%;display:flex;position:relative;overflow:hidden}.marquee-content{min-width:200%;animation:20s linear infinite marquee;display:flex}.marquee-content:hover{animation-play-state:paused}@media (max-width:768px){.desktop-nav-links{display:none!important}.mobile-menu-toggle{display:flex!important}}