:root{--bg:#141414;--card:#1c1c1c;--line:#2a2a2a;--accent:#7fb08a;--text:#f2f2f0;--muted:#8d8d8a}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background-color:var(--bg);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.45}
.wrap{max-width:560px;margin:0 auto;padding:56px 20px 40px}
header{text-align:center;margin-bottom:32px}
h1{margin:0;font-family:"Source Serif 4",Georgia,"Times New Roman",serif;font-weight:700;font-size:clamp(2.2rem,9vw,3rem);letter-spacing:-.01em;color:#fff}
.tagline{margin:10px 0 0;color:var(--muted);font-size:1rem}
.rule{width:48px;height:2px;border:0;background:var(--accent);margin:22px auto 0}
.cards{display:flex;flex-direction:column;gap:14px}
.card{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:112px;padding:26px 24px;background:var(--card);border:1px solid var(--line);border-radius:16px;color:var(--text);text-decoration:none;transition:border-color .2s,transform .2s,background .2s}
.card:hover,.card:focus-visible{border-color:var(--accent);background:#202020;transform:translateY(-2px)}
.card:active{transform:scale(.985)}
.card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.title{font-family:"Source Serif 4",Georgia,serif;font-size:1.5rem;font-weight:600}
.logo{height:72px;width:auto;max-width:100%;align-self:flex-start;object-fit:contain}
.sub{color:var(--muted);font-size:.95rem}
.card:hover .sub{color:var(--accent)}
.socials{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.socials[hidden]{display:none}
.socials a{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--card);border:1px solid var(--line);color:var(--text);transition:border-color .2s,color .2s,transform .2s}
.socials a:hover,.socials a:focus-visible{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}
.socials a.disabled,.socials a.disabled:hover,.socials a.disabled:focus-visible{opacity:.45;cursor:default;border-color:var(--line);color:var(--text);transform:none}
.socials svg{width:20px;height:20px;fill:currentColor}
footer{margin-top:44px;display:flex;justify-content:center;gap:14px;align-items:baseline;color:var(--muted);font-size:.85rem}
footer a{color:var(--muted);font-size:.72rem;text-decoration:none}
footer a:hover{color:var(--accent)}
.home{display:inline-block;margin-top:24px;color:var(--accent)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}.card:hover,.card:active,.socials a:hover{transform:none}}