:root{--bg:#07060d;--c:#100d1c;--l:#2a2147;--t:#f4f1ff;--m:#8d86ad;--pk:#ff2bd6;--cy:#22e6ff;--vi:#8a5cff}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--t);font:16px/1.5 system-ui,Arial,sans-serif;text-align:center;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(600px 400px at 10% 0,#ff2bd622,transparent),radial-gradient(600px 400px at 90% 100%,#22e6ff1f,transparent);pointer-events:none;z-index:-1}
a{color:var(--cy)}section{padding:54px 18px;max-width:980px;margin:auto}
h1{font-size:clamp(2.4rem,10vw,5rem);text-transform:uppercase;font-weight:900;letter-spacing:.03em;background:linear-gradient(90deg,var(--pk),var(--cy),var(--pk));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:flow 6s linear infinite;filter:drop-shadow(0 0 18px #ff2bd655)}
@keyframes flow{to{background-position:200% center}}
h2{letter-spacing:.35em;font-size:.85rem;color:var(--cy);margin-bottom:24px;text-shadow:0 0 12px var(--cy)}
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 18px;overflow:hidden}
.hero:before{content:"";position:absolute;inset:-40px;background:var(--bgimg) center/cover;filter:blur(50px) saturate(1.6);opacity:.35;z-index:-1}
.cover{width:min(84vw,440px);aspect-ratio:1;object-fit:cover;border-radius:14px;border:2px solid var(--pk);box-shadow:0 0 25px var(--pk),0 0 70px #ff2bd666,0 0 120px #22e6ff44;animation:pulse 4s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 30px var(--cy),0 0 80px #22e6ff77,0 0 130px #ff2bd644;border-color:var(--cy)}}
.tag{letter-spacing:.4em;font-size:.72rem;color:var(--pk);text-shadow:0 0 10px var(--pk);margin-top:10px}
.by,.sub{color:var(--m);margin-bottom:10px}
.btn{display:inline-block;padding:12px 22px;border-radius:999px;border:1px solid var(--cy);background:transparent;color:var(--cy);text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;cursor:pointer;font-family:inherit;box-shadow:0 0 12px #22e6ff55,inset 0 0 12px #22e6ff22;transition:.2s}
.btn:hover{background:var(--cy);color:#000;box-shadow:0 0 28px var(--cy)}
.btn.big{padding:16px 38px;border-color:var(--pk);color:#fff;background:linear-gradient(90deg,var(--pk),var(--vi));box-shadow:0 0 28px #ff2bd699}
.btn.big:hover{color:#fff;transform:scale(1.05);box-shadow:0 0 45px var(--pk)}
.btn.ghost{border-color:var(--l);color:var(--t);box-shadow:none}.btn.ghost:hover{background:var(--vi);border-color:var(--vi);color:#fff;box-shadow:0 0 22px var(--vi)}
.links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:18px}
.card{background:var(--c);border:1px solid var(--l);border-radius:12px;padding:10px;transition:.25s}
.card:hover{transform:translateY(-4px);border-color:var(--pk);box-shadow:0 0 26px #ff2bd655}
.card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}
.card h3{margin:10px 0 0;font-size:1rem}.card p{color:var(--m);font-size:.74rem;margin-bottom:8px}
.sm{gap:8px;margin:10px 0 0}.sm a{font-size:.72rem;color:var(--cy);text-decoration:none}
.pbox{background:var(--c);border:1px solid var(--vi);border-radius:14px;padding:16px;box-shadow:0 0 30px #8a5cff44}
.pbox iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:10px;margin-top:10px}.pbox audio{width:100%;margin-top:10px}
.form{display:grid;gap:12px;max-width:480px;margin:20px auto 0}
.form input,.form textarea{background:#0b0916;color:var(--t);border:1px solid var(--l);border-radius:10px;padding:13px;font:inherit;width:100%}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--cy);box-shadow:0 0 14px #22e6ff66}
.hp{position:absolute;left:-9999px}.ok{color:var(--cy);margin:10px}footer{padding:34px;color:var(--m);font-size:.8rem}