.module-container{background-color:transparent;padding:20px;transition:background-color .3s,color .3s;width:100%}.module-container.dark-mode{color:#fff}.header-section{margin-bottom:30px;padding:0 20px}.header-section h1{font-size:2em;margin-bottom:10px;transition:color .3s}.module-container.dark-mode .header-section h1{color:#fff}.header-section p{color:#555;font-size:1.1em;transition:color .3s}.module-container.dark-mode .header-section p{color:#fff}.card-grid{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:0 20px}.card{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 1px 5px rgba(0,0,0,.05);display:flex;overflow:hidden;transition:background-color .3s,border-color .3s,color .3s}.module-container.dark-mode .card{background-color:#333;border-color:#444}.card img{height:auto;object-fit:cover;padding:10px;width:20%}.card-content{padding:15px;width:80%}.card-content h2{font-size:1.2em;margin-bottom:10px;transition:color .3s}.module-container.dark-mode .card-content h2{color:#fff}.card-content p{color:#666;font-size:.9em;transition:color .3s}.module-container.dark-mode .card-content p{color:#bbb}@media (max-width:768px){.card-grid{grid-template-columns:1fr}.card{flex-direction:column}.card img,.card-content{width:100%}}