:root { --primary: #3498db; --accent: #f39c12; }
body { font-family: sans-serif; margin: 0; background: #f9f9f9; color: #333; line-height: 1.6; }

.disclaimer { background: #eee; text-align: center; font-size: 0.8rem; padding: 5px; color: #666; }

header { background: #fff; padding: 1rem 5%; display: flex; justify-content: space-between; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.logo { font-size: 1.5rem; font-weight: bold; color: var(--primary); }
nav ul { list-style: none; display: flex; gap: 20px; }
nav a { text-decoration: none; color: #333; font-weight: bold; }

.hero { height: 50vh; background: linear-gradient(rgba(52,152,219,0.7), rgba(52,152,219,0.7)), url('https://images.unsplash.com/photo-1523050853063-bd8012fec21b?w=800') center/cover; display: flex; align-items: center; justify-content: center; color: white; text-align: center; }
.anniversary { background: rgba(255,255,255,0.2); padding: 5px 20px; border-radius: 20px; margin-bottom: 10px; display: inline-block; }

button { background: var(--accent); color: white; border: none; padding: 12px 30px; border-radius: 50px; cursor: pointer; }

.container { max-width: 1000px; margin: 3rem auto; padding: 0 20px; }
.section-title { text-align: center; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px; }
.card { background: white; padding: 1.5rem; border-radius: 15px; text-align: center; border-bottom: 5px solid var(--primary); box-shadow: 0 4px 10px rgba(0,0,0,0.05); }

footer { text-align: center; padding: 2rem; background: #333; color: white; margin-top: 50px; }