:root{--bg:#05070d;--p:#00b4ff;--n:#00ffd5;--m:#ff2bd6;--t:#e8f4ff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--t);font-family:system-ui,Segoe UI,sans-serif;line-height:1.6}
a{color:var(--n)}nav{position:sticky;top:0;display:flex;gap:18px;align-items:center;padding:14px 5vw;background:#05070dcc;backdrop-filter:blur(8px);border-bottom:1px solid #0af3;z-index:9;flex-wrap:wrap}
nav img{height:34px}nav a{text-decoration:none;color:var(--t);font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.15em}nav a:hover{color:var(--n)}
.hero{min-height:88vh;display:grid;place-items:center;text-align:center;padding:40px 5vw;background:radial-gradient(circle at 50% 40%,#0066ff33,transparent 60%),linear-gradient(#05070daa,#05070d),url(img/dj-akashic-club.webp) center/cover}
h1{font-size:clamp(3rem,11vw,8rem);margin:0;line-height:.9;letter-spacing:-.03em;text-transform:uppercase;background:linear-gradient(90deg,var(--p),var(--n),var(--m));-webkit-background-clip:text;color:transparent}
h2{font-size:clamp(2rem,5vw,3.2rem);text-transform:uppercase;margin:0 0 20px;letter-spacing:-.02em}h2 span{color:var(--p)}
.tag{letter-spacing:.4em;text-transform:uppercase;color:var(--n);font-weight:700}
.eq{display:flex;gap:5px;justify-content:center;align-items:flex-end;height:60px;margin:26px 0}.eq i{width:8px;background:linear-gradient(var(--m),var(--p));border-radius:3px;animation:b 1s infinite ease-in-out alternate}
.eq i:nth-child(odd){animation-duration:.7s}.eq i:nth-child(3n){animation-duration:1.3s}.eq i:nth-child(4n){animation-delay:-.4s}
@keyframes b{from{height:10%}to{height:100%}}@media (prefers-reduced-motion:reduce){.eq i{animation:none;height:60%}}
.btn{display:inline-block;padding:14px 28px;border:2px solid var(--n);color:var(--n);text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-radius:40px;margin:6px;background:none;cursor:pointer;font-size:1rem}.btn:hover,.btn.f{background:var(--n);color:#000}
section{padding:80px 5vw;max-width:1100px;margin:auto}.wave{width:100%;height:60px;display:block;opacity:.5}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{border:1px solid #0af4;border-radius:14px;padding:22px;background:#0a1220}.card h3{margin-top:0;color:var(--n)}
form input{width:100%;padding:12px;margin:6px 0;border-radius:8px;border:1px solid #0af6;background:#0a1220;color:#fff;font-size:16px}form label{display:block;margin:8px 0}
footer{text-align:center;padding:40px;border-top:1px solid #0af3;font-size:.85rem;opacity:.8}.post{border-left:3px solid var(--m);padding-left:18px;margin-bottom:28px}.post time{color:var(--n);font-size:.85rem}
article img{max-width:100%}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-banner{display:block;width:100%}
.hero-banner img{display:block;width:100%;height:auto}
.hero-intro{text-align:center;padding:28px 5vw}