body{
  margin:0;
  font-family: system-ui, sans-serif;
  background: linear-gradient(180deg,#eefcf3,#f7fbff);
  color:#10321f;
}
.topbar{
  display:flex;
  justify-content:space-between;
  padding:16px;
  background:rgba(255,255,255,.9);
  border-bottom:1px solid #cfe9d8;
}
.brand{
  display:flex;
  align-items:center;
  gap:14px;
}
.logo{
  width:450px;
  height:auto;
}
.wrap{max-width:1000px;margin:24px auto;padding:0 16px}
.card{
  background:#fff;
  border-radius:20px;
  padding:18px;
  margin-bottom:16px;
  box-shadow:0 14px 32px rgba(0,0,0,.08);
}
.center{text-align:center}
.links{display:flex;flex-direction:column;gap:12px}
.link-item{
  border:1px solid #d9eadf;
  border-radius:16px;
  padding:14px;
}
.link-title{font-weight:800;color:#0f6a39;text-decoration:none}
.chip{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#e8f7ee}
button{
  background:#2ecc71;
  border:0;
  padding:10px 16px;
  color:#fff;
  border-radius:14px;
  font-weight:700;
}
.btn-danger{background:#d64545}
.footer{
  text-align:center;
  padding:14px;
  font-size:12px;
  color:#4b6d5a;
}