body{margin:0;font-family:'Arial Rounded MT Bold','Segoe UI',sans-serif;background:#111;color:#eee}
.site{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#000;color:#eee;border-bottom:2px solid #555}
.logo img{height:40px;filter:drop-shadow(0 0 6px #0ff)}
.nav a{color:#ccc;margin:0 8px;text-decoration:none;font-weight:bold}
.nav a:hover{color:#0f0;text-shadow:0 0 6px #0f0}
h2{color:#eee;border-bottom:2px solid #888;padding-bottom:4px;font-family:'Cooper Black','Arial Black',sans-serif;text-shadow:0 0 6px #0f0,0 0 12px #0f0}
main{padding:0 20px;max-width:960px;margin:auto}
.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;padding:20px}
.resource-card{background:#1c1c1c;border:1px solid #888;border-radius:8px;padding:16px;text-align:center}
.resource-card h3{margin-top:0;color:#eee;font-family:'Cooper Black',sans-serif}
.resource-card p{font-size:14px;color:#ccc}
.resource-card .icon{font-size:28px;margin-bottom:8px}
.resource-card .btn{margin-top:10px;display:inline-block;background:linear-gradient(#444,#222);border:1px solid #888;color:#eee;padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:bold;transition:all 0.3s ease;animation:pulse 3s infinite}
.resource-card .btn:hover{background:linear-gradient(#666,#333);color:#0ff;box-shadow:0 0 8px #0ff,0 0 16px #0ff}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;padding:20px}
.card{background:#1c1c1c;border:1px solid #888;border-radius:8px;padding:20px;display:flex;flex-direction:column}
.card h3{margin:0 0 10px;font-family:'Cooper Black',sans-serif;color:#eee}
.card p{font-size:14px;margin:0 0 12px;color:#ccc}
.btns{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}
.btn{flex:1;text-align:center;padding:10px 12px;border-radius:8px;text-decoration:none;color:#eee;font-weight:bold;background:linear-gradient(#444,#222);border:1px solid #888;transition:all 0.3s ease;animation:pulse 3s infinite}
.btn:hover{background:linear-gradient(#666,#333);color:#0ff;box-shadow:0 0 8px #0ff,0 0 16px #0ff}
@keyframes pulse{0%,100%{box-shadow:0 0 4px #0ff,0 0 8px #0ff}50%{box-shadow:0 0 12px #0ff,0 0 24px #0ff}}
details{margin:16px 0;padding:12px;border:1px solid #888;border-radius:8px;background:#1a1a1a;color:#eee}
summary{font-weight:bold;cursor:pointer;color:#ccc}
.foot{background:#000;color:#888;text-align:center;padding:14px;border-top:2px solid #555}