:root{
  --vostra-blue-900:#0a1638;
  --vostra-blue-700:#0b2f66;
  --vostra-blue-500:#11508f;
  --vostra-cyan-400:#1e8bbd;
  --vostra-cyan-300:#3ab7e2;

  --text:#1f2a30;
  --muted:#6b7280;
  --card-bg:#ffffff;
  --body-bg:#f6f9fc;
}

body{
  background:var(--body-bg);
  color:var(--text);
}
h1,h2,h3,h4,h5{
  letter-spacing:.3px;
}
p,li{
  line-height:1.7;
  color:var(--muted);
}

.eula-hero{
  background: linear-gradient(135deg, var(--vostra-blue-900), var(--vostra-blue-700));
  color:#fff;
}
.text-on-hero{ color:#fff; }

.eula-logo{
  height:72px;
  width:auto;
  user-select:none;
  -webkit-user-drag:none;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));
}

.card{
  background:var(--card-bg);
  border-radius:16px;
  border:1px solid rgba(255,255,255,.05);
}
.card-body a.link-primary{
  color:var(--vostra-cyan-300);
  text-decoration:underline;
}
.card-body a.link-primary:hover{
  color:var(--vostra-cyan-400);
}

footer{
  background:#0c1320;
  color:var(--muted);
}

a, button{
  transition: transform .18s ease, color .18s ease, background-color .18s ease;
}
a:hover{
  transform: translateY(-1px);
}