:root{--bg: #111111;--card-bg: #1a1a1a;--text: #ffffff;--text-dim: #a1a1aa;--accent: #6366f1;--highlight: #22c55e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:1000px;margin:0 auto;padding:4rem 1.5rem}header{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem;padding-bottom:2rem}h1{font-size:3rem;font-weight:800;letter-spacing:-.05em;margin-bottom:0rem}.mail{color:var(--text-dim);font-size:1rem;margin-bottom:2rem;max-width:600px}.subtitle{text-align:center;color:var(--text-dim);font-size:1.25rem;margin-bottom:1.5rem;max-width:600px}.badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.badge{background:#333;color:#fff;padding:.25rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600}.badge.accent{background:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.card{background:var(--card-bg);border:1px solid #333;border-radius:12px;overflow:hidden;transition:transform .2s,border-color .2s;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);border-color:var(--text-dim)}.img-container{width:100%;aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.img-container>img{width:100%;height:100%;position:absolute;top:0;left:0;transition:object-fit .3s ease}.img-cover{object-fit:cover}.img-contain{object-fit:contain}.card-content{padding:1.25rem;flex:1;display:flex;flex-direction:column}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.card-type{font-size:.75rem;color:var(--accent);font-weight:700;text-transform:uppercase}.card-engine{font-size:.75rem;color:var(--text-dim);background:#2a2a2a;padding:2px 6px;border-radius:4px}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.card-desc{font-size:.9rem;color:var(--text-dim);margin-bottom:1rem;flex:1}.tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto}.tag{font-size:.75rem;color:#888;border:1px solid #333;padding:2px 8px;border-radius:4px}footer{text-align:center;margin-top:5rem;color:var(--text-dim);font-size:.9rem}a{color:inherit;text-decoration:none}.social-links{display:flex;gap:.75rem;margin-top:1rem}.social-badge{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;transition:transform .2s,opacity .2s;overflow:hidden}.social-badge:hover{transform:translateY(-2px);opacity:.9}.social-badge img{width:100%;height:100%;object-fit:contain}.img-container{position:relative}.cover-link{position:absolute;top:10px;right:10px;width:36px;height:36px;background:#000000b3;border-radius:8px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .2s}.cover-link:hover{transform:scale(1.1)}.cover-link img{width:24px;height:24px;object-fit:contain}.cover-role{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:6px;padding:6px 12px;background:#000000bf;border-radius:20px;font-size:.8rem;font-weight:500;color:var(--text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}