:root{
  --magenta:#c6168d;--navy:#162142;--purple:#4c1e58;--white:#ffffff;
  --grey:#585a5e;--grey-light:#a8acb2;--mist:#ebf0f7;--pink:#f7cae2;
  --radius:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:'Montserrat',system-ui,sans-serif;color:var(--white);
  background:
    radial-gradient(900px 520px at 85% -10%, rgba(198,22,141,.38), transparent 60%),
    radial-gradient(760px 540px at 0% 120%, rgba(76,30,88,.6), transparent 55%),
    var(--navy);
  -webkit-font-smoothing:antialiased;
  display:flex;flex-direction:column;min-height:100%;position:relative;overflow:hidden;
}
.grid{
  position:absolute;inset:0;z-index:0;opacity:.4;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(circle at 80% 0%,#000,transparent 70%);
  mask-image:radial-gradient(circle at 80% 0%,#000,transparent 70%);
}
main{
  position:relative;z-index:1;flex:1;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:56px 24px;
}
.logo{height:40px;width:auto;margin-bottom:30px;filter:brightness(0) invert(1)}
.eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:.74rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.2em;color:var(--pink);margin-bottom:14px;
}
h1{font-size:clamp(2.4rem,6vw,3.8rem);font-weight:800;letter-spacing:-.02em;line-height:1.1}
h1 b{color:var(--magenta)}
.org{
  font-family:'JetBrains Mono',monospace;font-size:.95rem;color:rgba(255,255,255,.6);
  margin-top:12px;letter-spacing:.05em;
}
p.lead{
  max-width:540px;color:rgba(255,255,255,.8);font-size:1.05rem;font-weight:400;
  margin-top:18px;line-height:1.6;
}
.cards{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;
  width:min(640px,100%);margin-top:44px;
}
.card-link{
  display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  border-radius:var(--radius);padding:26px;text-decoration:none;color:var(--white);
  transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.card-link:hover{
  transform:translateY(-4px);border-color:var(--magenta);background:rgba(198,22,141,.12);
}
.card-link .ico{
  width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  background:var(--magenta);color:var(--white);margin-bottom:4px;
}
.card-link .ico svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}
.card-link h2{font-size:1.2rem;font-weight:700;letter-spacing:-.01em}
.card-link p{font-size:.9rem;color:rgba(255,255,255,.7);font-weight:400;line-height:1.5}
.card-link .go{
  margin-top:6px;font-family:'JetBrains Mono',monospace;font-size:.8rem;font-weight:600;
  color:var(--pink);display:inline-flex;align-items:center;gap:6px;
}
.card-link:hover .go{color:var(--white)}
footer{
  position:relative;z-index:1;text-align:center;padding:26px 24px;
  font-family:'JetBrains Mono',monospace;font-size:.76rem;color:rgba(255,255,255,.5);
}
footer a{color:rgba(247,202,226,.85);text-decoration:none;margin:0 4px}
footer a:hover{text-decoration:underline}
@media(max-width:560px){
  .cards{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .card-link{transition:none}
  .card-link:hover{transform:none}
}