.header{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;padding:2rem;text-align:center}.resource-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:2rem}.resource-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 10px 20px #00000014;transition:transform .3s ease}.resource-card:hover{transform:translateY(-5px)}.category{color:#4f46e5;font-weight:600;font-size:.85rem}.resource-card a{text-decoration:none;background:#4f46e5;color:#fff;padding:.5rem 1rem;border-radius:6px;display:inline-block;margin-top:1rem}.footer{margin-top:auto;background:#111827;color:#fff;text-align:center;padding:1rem}body{margin:0;font-family:Segoe UI,sans-serif;background:#f4f6f8}.app{min-height:100vh;display:flex;flex-direction:column}