.resources-hero{background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color: white;padding: 8rem 2rem 4rem;text-align: center}.resources-hero h1{font-size: 2.5rem;margin-bottom: 1rem}.resources-container{max-width: 1100px;margin: 0 auto;padding: 3rem 2rem}.resource-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: 1.5rem}.resource-card{background: white;border-radius: 12px;padding: 2rem;box-shadow: 0 4px 15px rgba(0,0,0,0.08);transition: transform 0.2s;border-top: 4px solid var(--accent)}.resource-card:hover{transform: translateY(-4px)}.resource-icon{width: 60px;height: 60px;background: var(--bg-alt);border-radius: 12px;display: flex;align-items: center;justify-content: center;font-size: 1.75rem;margin-bottom: 1rem}.resource-card :is(h2, h3){color: var(--primary);margin: 0 0 0.75rem;font-size: 1.2rem}.resource-card p{color: var(--text-light);margin-bottom: 1rem;line-height: 1.6}.resource-card a{display: inline-block;padding: 0.5rem 1.25rem;background: var(--primary);color: white;text-decoration: none;border-radius: 6px;font-weight: 600}.resource-card a:hover{background: var(--primary-dark)}