body {background:#0a0a0a;color:#ccc;font-family:monospace;}
nav{display:flex;justify-content:space-between;padding:10px;}
a{color:#888;text-decoration:none;margin:5px;}
.logo{animation:rainbow 3s infinite;}
@keyframes rainbow{0%{color:red;}50%{color:blue;}100%{color:purple;}}
.hero img{max-width:400px;filter:brightness(0.7);}
.links{text-align:center;margin:10px;}
.tg{color:#7a6cff;}
.dc{color:#66e0ff;}
.search{text-align:center;margin:20px;}
input{background:#111;border:1px solid #333;color:#ccc;padding:5px;}
table{width:80%;margin:auto;border-collapse:collapse;}
th,td{padding:10px;border-bottom:1px solid #222;}
.pinned{background:#2a0000;cursor:pointer;}
.pinned:hover{background:#3a0000;}