.sites-container { padding: 40px 0; }
        .sites-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 30px; }
        .site-card { background: var(--container-bg); border-radius: 24px; padding: 30px; box-shadow: var(--card-shadow); transition: transform 0.3s ease; border: 1px solid rgba(0,0,0,0.05); }
        .site-card:hover { transform: translateY(-5px); }
        .site-category { font-size: 0.75rem; font-weight: 700; color: var(--primary-color); text-transform: uppercase; margin-bottom: 10px; display: block; }
        .site-name { font-size: 1.5rem; font-weight: 800; margin-bottom: 15px; display: block; }
        .site-desc { font-size: 0.95rem; opacity: 0.8; line-height: 1.6; margin-bottom: 20px; display: block; }
        .site-link { display: inline-block; padding: 10px 20px; background: var(--primary-color); color: white; border-radius: 12px; text-decoration: none; font-weight: 700; font-size: 0.9rem; }
        
        .guide-box { background: rgba(0,0,0,0.02); border-left: 5px solid var(--primary-color); padding: 25px; border-radius: 0 20px 20px 0; margin-top: 50px; }
        .guide-box h2 { margin-top: 0; }