body{background:#ffffff;}
.container{max-width:1200px;margin:0 auto;}
.header{padding:20px;background:#f5f5f5;}
.footer{padding:20px;background:#fafafa;}
.button{display:inline-block;padding:10px 20px;background:#4CAF50;color:#fff;}
.button:hover{background:#45a049;}
.card{border:1px solid #e0e0e0;padding:15px;border-radius:6px;}
.card-title{font-size:18px;font-weight:600;margin-bottom:10px;}
.card-text{font-size:14px;line-height:1.6;}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.image{max-width:100%;height:auto;}
.nav{display:flex;gap:15px;}
.nav a{text-decoration:none;color:#333;}
.nav a:hover{color:#4CAF50;}
.section{padding:40px 0;}
.title{font-size:28px;margin-bottom:20px;}
.text-center{text-align:center;}
.hidden{display:none;}
.visible{display:block;}