@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--bg-color:#f4f4f6;--bg-surface:#ffffffbf;--bg-surface-solid:#fff;--bg-surface-hover:#e6e6f0e6;--text-primary:#0f0f13;--text-secondary:#6b7280;--accent-music:#db2777;--accent-film:#7c3aed;--accent-series:#2563eb;--accent-art:#d97706;--accent-gaming:#059669;--accent-restos:#dc2626;--accent-primary:#0f0f13;--border-color:#00000017;--glass-blur:12px;--bg-image-container:#fff;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.5s cubic-bezier(.34, 1.56, .64, 1);--shadow-card:0 2px 16px #00000012}[data-theme=dark]{--bg-color:#09090b;--bg-surface:#18181b99;--bg-surface-solid:#18181b;--bg-surface-hover:#27272acc;--text-primary:#f8fafc;--text-secondary:#a1a1aa;--accent-music:#ec4899;--accent-film:#8b5cf6;--accent-series:#3b82f6;--accent-art:#f59e0b;--accent-gaming:#10b981;--accent-restos:#ef4444;--accent-primary:#fff;--border-color:#ffffff14;--shadow-card:0 2px 16px #0006;--bg-image-container:#18181b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}.article-content a{color:#a78bfa;text-underline-offset:3px;text-decoration:underline}.article-content a:hover{color:#c4b5fd}.article-content ul{margin:1.25rem 0;padding-left:1.5rem}.article-content li{margin-bottom:.75rem;list-style-type:disc}.article-content font[size="2"]{font-size:.85rem}.article-content font[size="3"]{font-size:1.125rem}.article-content font[size="5"]{font-size:1.5rem;font-weight:600}.article-content font[size="7"]{font-size:2rem;font-weight:700}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}.glass{background:var(--bg-surface);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color)}.glass-card{background:var(--bg-surface-solid);border:1px solid var(--border-color);box-shadow:var(--shadow-card);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);border-radius:16px}.glass-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}[data-theme=dark] .glass-card:hover{box-shadow:0 8px 32px #00000080}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (max-width:640px){.container{padding:0 1rem}}main{min-height:calc(100vh - 80px);padding-top:80px}.btn{cursor:pointer;transition:all var(--transition-bounce);border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-family:inherit;font-weight:600;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-color)}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 20px #fff3}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:#ffffff4d}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.articles-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (max-width:1024px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.articles-grid{grid-template-columns:1fr;gap:1rem}main{padding-top:70px!important}main h2{font-size:1.25rem!important}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s var(--transition-bounce) forwards}.hidden{display:none!important}@media (max-width:767px){.hide-on-mobile{display:none!important}}.hover-text{color:var(--text-primary);transition:color var(--transition-fast);text-decoration:none}.hover-text:hover{color:var(--accent-film)}@media (min-width:768px){.md-flex{display:flex!important}.md-hidden{display:none!important}}@media (max-width:767px){.nav-desktop{display:none!important}}.article-main-title{margin:1rem 0;font-size:3rem;font-weight:800;line-height:1.1}@media (max-width:640px){.article-main-title{font-size:2rem!important}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}.animate-slide-up{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards slideUp}