@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Outfit:wght@300;400;500;600&display=swap";:root{--bg: #0c0c0c;--bg-card: #161616;--bg-card-hover: #1a1a1a;--text: #fafafa;--text-muted: #737373;--accent: #a78bfa;--accent-dim: #7c3aed;--border: #262626;--radius: 16px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Outfit,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.app{min-height:100%;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem}.main{width:100%;max-width:640px}.header{text-align:center;margin-bottom:3rem}.logo{display:inline-block;font-size:2rem;color:var(--accent);margin-bottom:1rem;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header h1{font-family:Space Mono,monospace;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.subtitle{color:var(--text-muted);font-size:.95rem;font-weight:300}.grid{display:flex;flex-direction:column;gap:1rem}.card{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;transition:all .2s ease}.card:hover{background:var(--bg-card-hover);border-color:var(--accent-dim);transform:translateY(-2px)}.card-content{flex:1;min-width:0}.card h2{font-family:Space Mono,monospace;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.card p{color:var(--text-muted);font-size:.875rem;font-weight:300;margin-bottom:.75rem;line-height:1.5}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{font-family:Space Mono,monospace;font-size:.7rem;padding:.25rem .5rem;background:#a78bfa1a;color:var(--accent);border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.arrow{font-size:1.25rem;color:var(--text-muted);transition:all .2s ease;flex-shrink:0}.card:hover .arrow{color:var(--accent);transform:translate(4px)}.footer{margin-top:3rem;text-align:center}.footer p{font-size:.8rem;color:var(--text-muted)}.footer code{font-family:Space Mono,monospace;font-size:.75rem;background:var(--bg-card);padding:.2rem .4rem;border-radius:4px;border:1px solid var(--border)}@media (max-width: 480px){.header h1{font-size:1.5rem}.card{padding:1.25rem}}
