/* ---------- barevná paleta ---------- */
:root{
  --bg1:#1a0033;
  --bg2:#3e0066;
  --accent:#ff2e9e;      /* primární tlačítko */
  --btn:#ffffff;         /* sekundární tlačítka (text) */
  --btn-bg:#000000;      /* sekundární tlačítka (pozadí) */
  --text:#ffffff;
}

/* ---------- reset & layout ---------- */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  display:flex;justify-content:center;align-items:center;
  background:radial-gradient(circle at 30% 30%,var(--bg2),var(--bg1));
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--text);
  text-align:center;
  line-height:1.4;
  padding:2rem;
}

/* ---------- karta ---------- */
.card{
  width:100%;max-width:22rem;
  padding:3.5rem 2rem 2.75rem;
  background:#1c1c1e;
  border-radius:1.5rem;
  box-shadow:0 1.5rem 2.5rem rgba(0,0,0,.4);
  backdrop-filter:blur(6px);
}

/* ---------- avatar ---------- */
.avatar{
  width:7.5rem;height:7.5rem;
  object-fit:cover;border-radius:50%;
  border:4px solid var(--accent);
  box-shadow:0 0 0 .25rem #000;
  margin:-6rem auto 1.75rem;
}

/* ---------- text ---------- */
h1{font-size:1.9rem;margin-bottom:.3rem}
.tagline{font-size:.95rem;opacity:.8;margin-bottom:2.2rem}

/* ---------- tlačítka ---------- */
.links{display:flex;flex-direction:column;gap:1.1rem}
.btn{
  display:flex;justify-content:center;align-items:center;gap:.5rem;
  padding:1rem 1.8rem;border-radius:9999px;
  text-decoration:none;font-weight:600;font-size:1rem;
  transition:transform .15s,filter .15s;
}
.btn:hover{transform:translateY(-4px)}
.btn.primary{
  color:#fff;background:var(--accent);
  box-shadow:0 .5rem 1.1rem rgba(255,46,158,.4);
}
.btn:not(.primary){
  color:var(--btn);background:var(--btn-bg);
  box-shadow:0 .5rem 1.1rem rgba(0,0,0,.25);
}