*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:12px 24px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px;border:none;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease}.btn:hover{background-color:#0056b3;transform:translateY(-2px)}.btn.btn-secondary{background-color:#6c757d}.btn.btn-secondary:hover{background-color:#545b62}.btn.btn-outline{background-color:transparent;color:#007bff;border:2px solid #007bff}.btn.btn-outline:hover{background-color:#007bff;color:#fff}.section{padding:80px 0}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#2c3e50}.section-subtitle{text-align:center;font-size:1.2rem;color:#6c757d;margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto}.card{background:#fff;border-radius:10px;box-shadow:0 5px 15px #00000014;padding:30px;margin-bottom:30px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.grid{display:grid;gap:30px}.grid.grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grid.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width: 768px){.section{padding:50px 0}.section-title{font-size:2rem}.grid.grid-2,.grid.grid-3{grid-template-columns:1fr}}