* { box-sizing: border-box; margin:0; padding:0; }
html, body { font-family: Arial, sans-serif; background-color: #f6d6e0; color:#111; line-height:1.5; }


.site-header {
  background-color: #ff5aa3;
  color:#111;
  padding:12px;
  border-bottom:2px solid #e24f93;
  text-align:center;
}
.brand { display:inline-block; text-decoration:none; color:#111; vertical-align:middle; }
.brand img { width:28px; height:28px; margin-right:8px; border-radius:50%; object-fit:cover; vertical-align:middle; }
.brand h1 { display:inline; font-size:20px; margin:0; letter-spacing:.5px; vertical-align:middle; }
.nav { margin-top:10px; }
.nav a {
  display:inline-block; background:#ffc1da; color:#111; text-decoration:none;
  padding:8px 12px; margin:4px 6px; border:1px solid #e24f93; border-radius:6px; font-weight:600;
  transition: transform .15s ease, background-color .15s ease;
}
.nav a:hover { background:#ffd9e9; transform: scale(1.05); }
.nav a.active { background:#ffd9e9; border-color:#b63d75; }


.page { width: calc(100% - 16px); margin: 0 auto; padding:16px 8px; max-width: 1000px; }


.card {
  background:#ffd1dc;
  border:2px solid #e24f93; 
  border-radius:10px;
  padding:20px;
  margin-bottom:16px;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
  text-align:center;
}
.card h2 { color:#ff5aa3; margin: 8px 0 10px; }
.card p { margin:8px 0; }
.card img {
  display:block; width:100%; height:auto; max-width:800px; margin:10px auto 18px; border-radius:8px; border:3px solid #ff5aa3;
}


ul { list-style: disc; margin:10px auto 16px; max-width:620px; text-align:left; }
li { margin:6px 0; }


.btn {
  display:inline-block; background:#ff5aa3; color:#111; text-decoration:none;
  padding:8px 14px; border:1px solid #e24f93; border-radius:6px; font-weight:600;
  transition: transform .15s ease, background-color .15s ease;
}
.btn:hover { background:#ffd9e9; transform: scale(1.05); }


.site-footer { text-align:center; font-size:14px; color:#222; padding:20px 0 30px; }


@media (max-width:768px){
  .brand h1 { font-size:18px; }
  .nav a { display:block; width:80%; margin:6px auto; }
  .page { padding:12px 6px; }
  .card { padding:16px; }
}