.resources-page{background-color:var(--color-white)}.resources-hero{background:linear-gradient(135deg,var(--color-primary) 0%,#1e5a8e 100%);text-align:center;padding:6rem 0;color:var(--color-white);position:relative;overflow:hidden;width:100%;box-sizing:border-box;min-height:280px}.resources-hero .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/images/NEEDL.webp?v=final);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.15;pointer-events:none;z-index:0}.resources-hero h1{font-size:2.75rem;font-weight:700;color:var(--color-white);margin-bottom:1.5rem;position:relative;z-index:1}.resources-hero .hero-description{font-size:1.15rem;color:#ffffffe6;max-width:600px;margin:0 auto;line-height:1.6;position:relative;z-index:1}.resources-hero .container{position:relative;z-index:1}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:2rem 0}.resource-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;flex-direction:column;border:1px solid var(--color-gray-200);transition:transform .3s ease,box-shadow .3s ease}.resource-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.resource-image{width:100%;aspect-ratio:4/3;overflow:hidden;background-color:#f8fafc;border-bottom:1px solid var(--color-gray-100)}.resource-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.resource-card:hover .resource-image img{transform:scale(1.05)}.resource-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.resource-content h3{font-size:1.25rem;color:var(--color-gray-900);margin-bottom:.5rem}.resource-content p{color:var(--color-gray-600);font-size:.95rem;line-height:1.5;margin-bottom:1.5rem;flex-grow:1}.resource-content .btn{width:auto;align-self:flex-start}@media(max-width:768px){.resources-grid{grid-template-columns:1fr;gap:1.5rem}.resources-header{padding:2rem 0}.resources-header h1{font-size:2rem}}