*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,Inter,sans-serif}.app-container{min-height:100vh;background:#f3f4f6;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.app-container header{background:linear-gradient(90deg,#2563eb,#4f46e5);padding:20px;text-align:center;color:#fff;border-radius:10px;font-size:1.8rem;font-weight:700}.app-container main{max-width:1200px;margin:40px auto;width:100%}.app-container main section{margin-bottom:40px}.app-container main section h2{font-size:1.6rem;margin-bottom:20px;padding-left:10px;border-left:4px solid #2563eb;color:#1f2937}.app-container main section .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.app-container .card{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;overflow:hidden;transition:.3s}.app-container .card:hover{transform:scale(1.05)}.app-container .card img,.app-container .card video{width:100%;height:200px;object-fit:cover}.app-container .card h3{padding:12px;font-size:1.1rem;font-weight:600}.app-container footer{text-align:center;padding:15px;background:#1f2937;color:#d1d5db;border-radius:10px;margin-top:30px}