:root{--primary:#4a6bff;--primary-dark:#3a5bef;--secondary:#2c3e50;--light-gray:#f5f7fa;--dark-gray:#6c757d;--white:#ffffff;--shadow:0 4px 6px rgba(0, 0, 0, 0.1);--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.back-link{color:#fff;text-decoration:none;display:inline-block;margin:0 0 20px;transition:all 0.3s ease;font-size:20px;background-color:#242d54;padding:8px 16px;border-radius:var(--radius);box-shadow:var(--shadow)}.back-link:hover{color:#fff;text-decoration:none;background-color:#2d3748;transform:translateY(-2px)}.container{max-width:1200px;margin:0 auto;padding:20px}header{background-color:var(--secondary);color:#fff;padding:20px 0;margin-bottom:40px}.header-content{max-width:1200px;margin:0 auto;padding:0 20px}h1{font-size:2.5rem;margin-bottom:10px}.page-description{font-size:1.1rem;opacity:.9}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin:40px 0}.resource-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform 0.3s ease,box-shadow 0.3s ease}.resource-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgb(0 0 0 / .1)}.card-image{position:relative;background:var(--light-gray);aspect-ratio:3/2;overflow:hidden}.card-image::before{content:"";display:block;padding-top:66.66%}.card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:var(--radius) var(--radius) 0 0;transition:transform 0.5s ease}.resource-card:hover .card-image img{transform:scale(1.05)}.card-content{padding:25px}.card-category{display:inline-block;background:var(--primary);color:#fff;padding:5px 10px;border-radius:20px;font-size:.8rem;margin-bottom:10px}.card-title{font-size:1.3rem;margin-bottom:15px;color:var(--secondary)}.card-excerpt{color:var(--dark-gray);margin-bottom:20px}.read-more{display:inline-block;color:var(--primary);font-weight:600;text-decoration:none;transition:color 0.3s}.read-more:hover{color:var(--primary-dark);text-decoration:underline}footer{background-color:var(--secondary);color:#fff;padding:40px 0;margin-top:60px}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width:768px){.resources-grid{grid-template-columns:1fr}h1{font-size:2rem}}