* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Roboto', sans-serif; line-height: 1.6; color: #333; background-color: #f9f9f9; }
.container { width: 85%; max-width: 900px; margin: auto; overflow: hidden; padding: 20px; }
header { background: #d35400; color: #fff; padding: 20px 0; border-bottom: #e67e22 4px solid; }
header h1 { font-size: 24px; text-align: center; }
nav { text-align: center; margin-top: 10px; }
nav a { color: #fff; text-decoration: none; margin: 0 15px; text-transform: uppercase; font-size: 13px; font-weight: bold; }
#hero { background: #fff; padding: 30px; margin: 20px 0; border-radius: 8px; text-align: center; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
.post { background: #fff; padding: 20px; margin-bottom: 20px; border-radius: 8px; border-left: 5px solid #d35400; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
.btn { display: inline-block; background: #e67e22; color: #fff; padding: 10px 20px; text-decoration: none; border-radius: 5px; margin-top: 10px; }
footer { background: #2c3e50; color: #bdc3c7; text-align: center; padding: 40px 20px; margin-top: 30px; font-size: 13px; }
footer a { color: #fff; text-decoration: none; margin: 0 10px; }