body {
  font-family: 'Poppins', sans-serif;
  background: linear-gradient(135deg, #25D366, #128C7E);
  margin: 0;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  flex-direction: column;
}

.top-tip {
  width: 100%;
  background: rgba(255,255,255,0.2);
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  animation: fadeIn 2s ease-in-out infinite alternate;
}

.top-tip .tip-text { font-size: 14px; color: #fff; }
.top-tip .arrow { font-size: 16px; animation: bounce 1s infinite; }

@keyframes bounce {
  0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}
}
@keyframes fadeIn {0%{opacity:0.7;}100%{opacity:1;}}

.container {
  background: #fff;
  padding: 40px;
  border-radius: 20px;
  text-align: center;
  max-width: 400px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  margin-top: 20px;
}

h1 { color: #128C7E; }
.subtitle { color: #555; margin-bottom: 20px; }
.card h2 { margin: 15px 0; }
.copy-btn,.chat-btn{
  background:#25D366;color:white;border:none;border-radius:10px;padding:12px 20px;
  font-size:16px;margin:5px;cursor:pointer;}
.copy-btn:hover,.chat-btn:hover{background:#1DA851;}
.note{font-size:13px;color:#777;margin-top:10px;}

.info{margin-top:30px;background:#f6f6f6;padding:15px;border-radius:10px;}
.info h3{color:#128C7E;}
.learn-more{color:#25D366;text-decoration:none;font-weight:600;}

.carousel{margin:20px 0;width:100%;height:200px;overflow:hidden;border-radius:10px;}
.carousel img{width:100%;height:100%;object-fit:cover;}

.bottom-tip{margin-top:20px;font-size:13px;color:#555;}