/* Página de links (vidro branco ou preto). Usada em /links e na prévia do painel. */
.lkr{--lk-ink:#0B0B0C;--lk-mute:#55585E;--lk-bgc:#FBFBF7;position:relative;min-height:100%;background:var(--lk-bgc);color:var(--lk-ink);font-family:"Source Sans 3",system-ui,sans-serif;isolation:isolate}
.lkr.dark{--lk-ink:#FFFFFF;--lk-mute:#C4C6CB;--lk-bgc:#07090C}
.lk-bg{position:fixed;inset:0;z-index:-1;background:
  radial-gradient(75vmax 60vmax at -5% -10%,rgba(0,156,59,.17),transparent 62%),
  radial-gradient(60vmax 55vmax at 105% 35%,rgba(255,214,0,.20),transparent 60%),
  radial-gradient(80vmax 60vmax at 35% 115%,rgba(30,100,235,.15),transparent 64%),var(--lk-bgc)}
.lkr.dark .lk-bg{background:
  radial-gradient(75vmax 60vmax at -5% -10%,rgba(0,156,59,.30),transparent 62%),
  radial-gradient(60vmax 55vmax at 105% 35%,rgba(255,214,0,.12),transparent 60%),
  radial-gradient(80vmax 60vmax at 35% 115%,rgba(40,90,220,.30),transparent 64%),var(--lk-bgc)}
.lk-bg::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;opacity:.075;mix-blend-mode:multiply}
.lkr.dark .lk-bg::after{mix-blend-mode:screen;opacity:.10;filter:invert(1)}
.lk-w{max-width:480px;margin:0 auto;padding:calc(52px + env(safe-area-inset-top,0px)) 20px calc(40px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;text-align:center}
.lk-av{border-radius:50%;overflow:hidden;display:grid;place-items:center;flex:none;background:var(--lk-ink);color:var(--lk-bgc);font-family:"Familjen Grotesk",system-ui,sans-serif;font-weight:700;letter-spacing:.02em;
  box-shadow:0 0 0 4px rgba(255,255,255,.85),0 14px 36px rgba(15,20,30,.18)}
.lkr.dark .lk-av{box-shadow:0 0 0 4px rgba(255,255,255,.18),0 14px 36px rgba(0,0,0,.5)}
.lk-av img{width:100%;height:100%;object-fit:cover;display:block}
.lk-n{margin:0;font-family:"Familjen Grotesk",system-ui,sans-serif;font-weight:700;line-height:1.05;text-wrap:balance}
.lk-h{margin:8px 0 0;font-family:"JetBrains Mono",ui-monospace,monospace;font-weight:600;color:var(--lk-mute)}
.lk-fx{display:flex;width:84px;height:3px;border-radius:2px;margin:16px 0 0;background:linear-gradient(90deg,#1E7A47 0 33.3%,#F2C200 33.3% 66.6%,#1F4FBF 66.6%)}
.lk-b{margin-top:16px;display:grid;gap:2px;max-width:360px}
.lk-b p{margin:0;line-height:1.45;color:var(--lk-ink);text-wrap:balance}
.lk-a{display:flex;align-items:center;justify-content:center;width:100%;min-height:60px;box-sizing:border-box;padding:16px 22px;margin:0 0 12px;border-radius:18px;text-decoration:none;color:var(--lk-ink);
  font-family:"Familjen Grotesk",system-ui,sans-serif;font-weight:700;line-height:1.2;
  background:rgba(255,255,255,.26);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);
  border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 32px rgba(15,20,30,.09),inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.lk-a:hover,.lk-a:focus-visible{transform:translateY(-2px);background:rgba(255,255,255,.45);box-shadow:0 16px 42px rgba(15,20,30,.14),inset 0 1px 0 #fff;outline:none}
.lk-a:focus-visible{outline:2px solid var(--lk-ink);outline-offset:3px}
.lkr.dark .lk-a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);box-shadow:0 12px 36px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.2)}
.lkr.dark .lk-a:hover,.lkr.dark .lk-a:focus-visible{background:rgba(255,255,255,.16)}
.lk-f{margin-top:30px;display:inline-flex;align-items:center;gap:8px;color:var(--lk-ink);text-decoration:none;font-family:"Familjen Grotesk",system-ui,sans-serif;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.lk-f:hover{opacity:1}
.lk-f svg{width:26px;height:26px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.lk-a{background:rgba(255,255,255,.9)}.lkr.dark .lk-a{background:rgba(40,40,40,.92)}}
@media (prefers-reduced-motion:reduce){.lk-a{transition:none}.lk-a:hover{transform:none}}
