@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#f5f5f0;--card-bg:#fff;--accent-red:#e60000;--accent-red-hover:#c00;--text-primary:#1a1a1a;--text-secondary:#666;--border-color:#e5e5e5;--dark-surface:#111;--font-family:"Inter", sans-serif;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 24px #0000001f;--transition-fast:.2s ease;--transition-normal:.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-red)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.card{background-color:var(--card-bg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal), transform var(--transition-normal);border-radius:8px;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.btn{cursor:pointer;transition:all var(--transition-fast);font-weight:600;font-family:var(--font-family);border:none;border-radius:4px;justify-content:center;align-items:center;padding:12px 24px;display:inline-flex}.btn-primary{background-color:var(--accent-red);color:#fff}.btn-primary:hover{background-color:var(--accent-red-hover)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-color);background-color:#0000}.btn-outline:hover{border-color:var(--text-primary)}.header{background-color:var(--dark-surface);color:#fff;z-index:100;padding:16px 0;position:sticky;top:0}.header .container{justify-content:space-between;align-items:center;display:flex}.nav-links{gap:16px;display:flex}.nav-links a{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.85rem;font-weight:500}.nav-links a:hover{color:var(--accent-red)}.grid{gap:24px;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)}@media (width<=1024px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}}@media (width<=480px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@keyframes skeleton-pulse{0%{opacity:1;background-color:#e0e0e0}50%{opacity:.7;background-color:#ececec}to{opacity:1;background-color:#e0e0e0}}.skeleton{background-color:#e0e0e0;border-radius:4px;animation:1.5s ease-in-out infinite skeleton-pulse;position:relative;overflow:hidden}.skeleton-text{width:100%;height:1rem;margin-bottom:.5rem}.skeleton-title{width:70%;height:2rem;margin-bottom:1rem}.skeleton-img{width:100%;height:100%}