:root{color-scheme:dark;--felulet:#11131a;--vonal:#232735;--ink:#f4f1ea;--ink-2:#b4ae9f;--ink-3:#8f897c;--nap:#ffc53d}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:transparent;font:15px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.kartya{display:flex;flex-direction:column;gap:2px;height:100%;padding:14px 16px;border:1px solid var(--vonal);border-radius:12px;
  background:var(--felulet);color:var(--ink);text-decoration:none;overflow:hidden}
.kartya:hover .lab,.kartya:focus-visible .lab{color:var(--nap)}
.kartya:focus-visible{outline:2px solid var(--nap);outline-offset:-2px}
.cim{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:700}
.ertek{font-size:34px;font-weight:700;color:var(--nap);line-height:1.1}
.al{color:var(--ink-2)}
.lab{margin-top:auto;font-size:12px;color:var(--ink-3)}
@media (prefers-color-scheme:light){:root{color-scheme:light;--felulet:#fffdf7;--vonal:#e6dfcc;--ink:#1d1b16;--ink-2:#4a463c;--ink-3:#6b6557;--nap:#a36a00}}