:root{
  --hiper-blue:#005bbb;
  --hiper-orange:#ff7a00;
  --hiper-bg:#f3f7fb;
  --hiper-text:#1f2937;
}
body{
  background: linear-gradient(135deg,#eef5ff 0%,#ffffff 45%,#fff2e8 100%);
  color: var(--hiper-text);
  font-family: "Segoe UI", Tahoma, sans-serif;
}
.top-brand{
  max-width: 980px;
  margin: 24px auto 10px;
  padding: 12px 16px;
  border-left: 6px solid var(--hiper-orange);
  background: #ffffffcc;
}
.top-brand h1{
  margin: 0 0 6px;
  color: var(--hiper-blue);
}
.top-brand p{
  margin: 0;
  color: #374151;
}
button, .startButton{
  background: var(--hiper-blue) !important;
  border-color: var(--hiper-blue) !important;
}
button:hover, .startButton:hover{
  background: var(--hiper-orange) !important;
  border-color: var(--hiper-orange) !important;
}