body {
  margin:0;
  font-family: Arial;
  background:#0b0f1a;
  color:white;
  user-select: none;
}

.container {
  padding:20px;
}

.header {
  display:flex;
  align-items:center;
  gap:15px;
}

.header img {
  width:80px;
  border-radius:20px;
}

.install {
  width:100%;
  padding:15px;
  margin:20px 0;
  background:#00c853;
  border:none;
  border-radius:10px;
  font-size:18px;
  cursor:pointer;
  transition:0.3s;
}

.install:hover {
  background:#00a844;
  transform:scale(1.02);
}

.screens {
  display:flex;
  overflow-x:auto;
  gap:10px;
}

.screens img {
  height:380px;
  border-radius:10px;
}

.section {
  margin-top:25px;
}

.trust {
  background:#111827;
  padding:15px;
  border-radius:10px;
}

/* SOCIAL */
.socials {
  display:flex;
  gap:15px;
  flex-wrap:wrap;
}

.social {
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 15px;
  border-radius:8px;
  text-decoration:none;
  color:white;
  background:#1f2937;
  transition:0.3s;
}

.social:hover {
  transform:scale(1.05);
  background:#374151;
}

.social svg {
  width:20px;
  height:20px;
  fill:white;
}

/* STARS */
.stars {
  font-size:30px;
  cursor:pointer;
  color:gold;
}

/* COMMENTS */
textarea {
  width:100%;
  height:80px;
  margin-top:10px;
  border-radius:8px;
  border:none;
  padding:10px;
}

.sendBtn {
  margin-top:10px;
  padding:10px;
  width:100%;
  background:#00c853;
  border:none;
  border-radius:8px;
}

.comment {
  background:#111827;
  padding:10px;
  margin-top:10px;
  border-radius:8px;
}

/* ANIMAÇÃO */
.fade {
  opacity:0;
  transform:translateY(20px);
  transition:all 0.6s ease;
}

.fade.show {
  opacity:1;
  transform:translateY(0);
}

footer {
  text-align:center;
  padding:20px;
  color:#777;
}