:root{
  --veil-bg:#0c101a;
  --veil-main:#101727;
  --veil-ink:#f1f5ff;
  --veil-dim:#9fb0c9;
  --veil-accent:#71ffb0;
  --veil-br:18px;
  --veil-bd:rgba(255,255,255,.09);
  --veil-shadow:0 28px 70px rgba(0,0,0,.4);
  --veil-max:920px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
  background:linear-gradient(160deg,#0c101a,#0f1630 60%, #0c101a);
  color:var(--veil-ink);
  line-height:1.75;
}

.veil-wrap{
  max-width:var(--veil-max);
  margin:0 auto;
  padding:28px 18px 48px;
}

.veil-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.veil-brand{
  font-weight:800;
  color:#fff;
  background:linear-gradient(90deg,#fff,var(--veil-accent));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-decoration:none;
}
.veil-title{
  margin:0;
  font-size:clamp(26px,4vw,40px);
  font-weight:800;
  letter-spacing:.2px;
}

.veil-content{
  background:linear-gradient(180deg,rgba(16,23,39,.85),rgba(16,23,39,.65));
  border:1px solid var(--veil-bd);
  border-radius:var(--veil-br);
  padding:26px;
  box-shadow:var(--veil-shadow);
}

h2{
  font-size:clamp(18px,2.4vw,24px);
  margin:22px 0 8px;
}
p{margin:0 0 12px}
a{color:var(--veil-accent);text-decoration:none}
a:hover{text-decoration:underline}

.veil-cta{
  display:flex;
  gap:12px;
  margin-top:18px;
}
.veil-btn{
  display:inline-block;
  padding:10px 14px;
  border-radius:12px;
  background:var(--veil-accent);
  color:#002414;
  font-weight:700;
}
.veil-btn.ghost{
  background:transparent;
  border:1px solid var(--veil-bd);
  color:var(--veil-ink);
}

.veil-foot{
  display:flex;
  justify-content:flex-end;
  margin-top:16px;
  color:var(--veil-dim);
}

@media (max-width:560px){
  .veil-content{padding:18px}
}