:root{--bg:#0d1117;--card:#161b22;--b:#30363d;--txt:#f0f6fc;--acc:#9146FF}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh}
.card{background:var(--card);border:1px solid var(--b);border-radius:18px;padding:48px 36px;min-width:min(420px,92vw);text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.4)}
h1{margin:0;font-size:3rem;letter-spacing:.08em}.topics{color:#b8c1cc;margin:12px 0 18px}.hidden{opacity:0;transform:translateY(6px);transition:.5s}.show{opacity:1;transform:none}
.links{margin-top:28px}.links a{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;color:var(--txt);border:1px solid var(--b);border-radius:12px;padding:14px;margin:14px 0;opacity:0;transform:translateY(8px);transition:all .25s}
.links a.show{opacity:1;transform:none}
.links a:hover{border-color:var(--acc);box-shadow:0 0 18px rgba(145,70,255,.25);transform:translateY(-2px)}
svg{width:22px;height:22px}