:root{--neon:#00FF88;--bg:#000;--card:#0f0f0f}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 10% 10%, rgba(0,255,136,0.04), transparent 10%), radial-gradient(circle at 90% 80%, rgba(0,255,136,0.03), transparent 12%), var(--bg);color:var(--neon);line-height:1.5;background-attachment:fixed;}
.container{max-width:1100px;margin:0 auto;padding:20px}
.header{display:flex;align-items:center;gap:15px;padding:20px 0;position:relative;z-index:10}
.logo{width:84px;height:84px;border-radius:12px;overflow:hidden;border:2px solid rgba(0,255,136,0.15);background:#07120a;display:flex;align-items:center;justify-content:center}
.nav{margin-left:auto;display:flex;gap:15px}
.nav a{color:var(--neon);text-decoration:none;font-weight:600;padding:8px 12px;border-radius:6px}
.hero{padding:60px 20px;text-align:center;border-radius:12px;margin-bottom:20px;background-image:url('/images/hero-bg.svg');background-size:cover;background-position:center;box-shadow:0 8px 40px rgba(0,255,136,0.03) inset}
.hero h1{font-size:2.6rem;margin:0 0 10px;text-shadow:0 0 18px rgba(0,255,136,0.2)}
.cta-row{margin-top:14px}
.cards{display:flex;flex-wrap:wrap;gap:18px;justify-content:center}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));border:1px solid rgba(0,255,136,0.06);padding:18px;border-radius:12px;width:260px;backdrop-filter:blur(4px)}
.card h3{margin:0 0 8px;color:var(--neon)}

/* Accordion */
.accordion{max-width:900px;margin:20px auto}
.ac-item{background:#050505;border-radius:10px;border:1px solid rgba(0,255,136,0.06);overflow:hidden;margin-bottom:10px}
.ac-header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}
.ac-header img{width:48px;height:48px;border-radius:8px;flex-shrink:0}
.ac-title{font-weight:700}
.ac-body{padding:0 16px 16px;display:none;color:#bfffd2}

/* Footer */
.footer{border-top:1px solid rgba(0,255,136,0.06);padding:20px;margin-top:30px;text-align:center;color:#88ffbb}

/* admin link */
.admin-link{position:fixed;right:16px;bottom:16px;background:var(--neon);color:#000;padding:10px 14px;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,0.6);text-decoration:none;font-weight:700}

/* responsive */
@media(max-width:768px){.nav{display:none}.card{width:100%}.hero h1{font-size:1.8rem}}