/* Vizuál podľa growclub.sk: tmavofialový prechod, Playfair Display na nadpisy,
   Inter na text, levanduľový akcent, tlačidlá v prechode fialová → bordová. */

@font-face {
  font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("/fonty/inter-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("/fonty/inter-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Playfair Display"; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url("/fonty/playfair-display-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Playfair Display"; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url("/fonty/playfair-display-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --noc: #04011b;          /* najtmavšia (pätička growclub.sk) */
  --fialova-tmava: #2a0d5e;
  --fialova: #490da8;
  --fialova-svetla: #7a1db5;
  --levandula: #c6a0f7;    /* akcent, „Grow" v logu */
  --levandula-tlmena: #8c66bd;
  --text: #ffffff;
  --text-tlmeny: rgb(255 255 255 / 0.72);
  --sklo: rgb(198 160 247 / 0.10);
  --sklo-okraj: rgb(198 160 247 / 0.28);
  --tlacidlo: linear-gradient(144deg, #740da1 0%, #af3456 100%);
  --zlata: linear-gradient(180deg, #d4ab59 0%, #d39c51 54%, #b5741f 100%);
  --radius-karta: 27px;
  --radius-male: 14px;
  --serif: "Playfair Display", Georgia, serif;
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; background: var(--noc); }
body {
  margin: 0;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right))
           max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  color: var(--text);
  font: 16px/1.55 var(--sans);
  background:
    radial-gradient(ellipse at 80% 100%, rgb(209 38 109 / 0.35) 0%, transparent 55%),
    linear-gradient(100deg, var(--noc) 0%, var(--fialova-tmava) 25%, var(--fialova) 60%, var(--fialova-svetla) 100%);
  background-attachment: fixed;
}

.logo {
  margin: 0;
  font-size: clamp(2.4rem, 9vw, 3.4rem);
  line-height: 1;
  letter-spacing: -0.01em;
  font-weight: 400;
}
.logo .grow { font-family: var(--serif); color: var(--levandula); }
.logo .club { font-family: var(--sans); font-weight: 700; color: var(--text); }

.karta {
  width: 100%;
  max-width: 440px;
  padding: 32px 24px;
  text-align: center;
  background: var(--sklo);
  border: 1px solid var(--sklo-okraj);
  border-radius: var(--radius-karta);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.karta h1 {
  margin: 0 0 8px;
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(1.6rem, 6vw, 2rem);
  line-height: 1.2;
}
.podnadpis { margin: 0 0 24px; color: var(--text-tlmeny); }
.stav {
  display: inline-block;
  margin: 0;
  padding: 10px 22px;
  border-radius: 999px;
  background: var(--tlacidlo);
  font-weight: 600;
  font-size: 0.95rem;
}
footer { font-size: 0.8rem; color: var(--text-tlmeny); }