body{margin:0;font-family:'Roboto',Arial,sans-serif;background-color:#f4f4f9;color:#333;display:flex;flex-direction:column;align-items:center;line-height:1.6}
header{background-color:#0077cc;color:#fff;padding:1.5rem;text-align:center;width:100%;box-shadow:0 2px 5px rgba(0,0,0,.1)}
h1{margin:0;font-size:2rem}
h2{margin:1.5rem 0 1rem;font-size:1.6rem;color:#0077cc;font-weight:700}
.container{max-width:900px;margin:1rem;padding:1.5rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);text-align:center}
ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}
li{background-color:#e6f2ff;border-radius:8px;padding:.8rem;font-size:.95rem;transition:background-color .3s ease,transform .2s ease}
li:hover{background-color:#cce6ff;transform:translateY(-3px)}
.button{display:inline-block;margin:.75rem .5rem;padding:.8rem 1.5rem;border-radius:25px;border:none;background-color:#0077cc;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .2s ease;text-decoration:none}
.button:hover{background-color:#005fa3;transform:scale(1.05)}
footer{text-align:center;padding:1rem;font-size:.9rem;color:#555;background-color:#f4f4f9;width:100%}
@media(max-width:600px){
header{padding:1rem}
h1{font-size:1.5rem}
h2{font-size:1.2rem}
.container{margin:.5rem;padding:1rem}
ul{grid-template-columns:1fr;gap:.5rem}
li{font-size:.9rem;padding:.6rem}
.button{display:block;width:80%;margin:.5rem auto;padding:.7rem;font-size:.9rem}
.testimonials p{font-size:.85rem}
footer{font-size:.8rem;padding:.75rem}
}