* { box-sizing: border-box; margin: 0; }
body {
  font-family: system-ui, 'Segoe UI', sans-serif;
  background: linear-gradient(160deg, #061a2b, #0b3a4a, #124a3d);
  color: #eaf6ff;
  min-height: 100vh;
  display: grid;
  place-items: center;
  text-align: center;
}
#app { padding: 40px; width: min(600px, 94vw); }
h1 { font-size: 36px; margin-bottom: 10px; }
.tagline { color: #9fc9de; font-size: 17px; margin-bottom: 24px; }
.part {
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 14px;
  padding: 20px;
  margin: 14px 0;
}
.part h2 { font-size: 19px; margin-bottom: 8px; color: #c8e6f5; }
button {
  font-size: 16px;
  padding: 10px 26px;
  border: none;
  border-radius: 10px;
  background: #16a37f;
  color: white;
  cursor: pointer;
}
button:hover { background: #1cc496; }
.build { font-size: 12.5px; color: #6e93a6; margin-top: 16px; }