
:root{--panel:#0b1220;--border:#2a3d65;--txt:#dce6ff;--glow:#6fb0ff}
body{background:#070c16;color:var(--txt);font-family:Inter,Segoe UI,system-ui,Arial,sans-serif;margin:0}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.site-header{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,#0e1530,#091024);border-bottom:1px solid var(--border);box-shadow:0 8px 20px rgba(4,10,24,.45)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;padding:8px 0}
.brand{display:flex;align-items:center;gap:10px;color:#cfe5ff;font-weight:800}
.brand img{width:36px;height:36px;border-radius:8px;background:#142046}
.tabs a{color:#cfe5ff;text-decoration:none;margin:0 6px;padding:8px 14px;border:1px solid rgba(140,170,255,.3);border-radius:999px;background:rgba(10,14,24,.35)}
.tabs a:hover{border-color:var(--glow)}
.tabs a.active{border-color:var(--glow);background:#0d1b36;box-shadow:0 0 12px rgba(111,176,255,.35)}
.tabs a.discord{border-color:#7289da}
.title{font-size:40px;letter-spacing:1px;margin:24px 0 12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;padding-bottom:40px}
.card{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(5,12,25,.35) inset}
.card .imgbox{height:260px;background:radial-gradient(120% 80% at 50% 0%, rgba(36,59,110,.35), rgba(7,12,22,.6));display:flex;align-items:center;justify-content:center;overflow:hidden}
.card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05)}
.card .meta{padding:10px 12px}
.card .name{font-weight:800;letter-spacing:.3px}
.socials{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.socials a{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#cfe5ff;text-decoration:none;border:1px solid rgba(140,170,255,.35);padding:6px 10px;border-radius:10px;background:rgba(10,14,24,.6)}
.socials a:hover{border-color:#7fb8ff;box-shadow:0 0 0 3px rgba(110,199,255,.15) inset}
.icon{width:16px;height:16px;display:inline-block}
.icon svg{width:100%;height:100%}
.placeholder{color:#89a;opacity:.5;font-size:12px}
