/* MUSIC FOLDER — burger | исходник: 3459..3492 */

/* ═══ бургер-меню (мобильные) ═══ */
.burger{display:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--glass);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.burger i{display:block;width:18px;height:2px;border-radius:2px;background:var(--text);transition:transform .3s,opacity .3s}
.burger.open i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger.open i:nth-child(2){opacity:0}
.burger.open i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.m-menu{position:fixed;top:calc(64px + env(safe-area-inset-top));left:12px;right:12px;z-index:49;border-radius:18px;overflow:hidden;
background:linear-gradient(180deg,rgba(22,24,42,.98),rgba(12,13,24,.99));
border:1px solid color-mix(in srgb,var(--c1) 35%,transparent);
box-shadow:0 24px 60px -12px rgba(0,0,0,.85);
backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
transform:translateY(-16px) scale(.97);opacity:0;visibility:hidden;
transition:transform .28s cubic-bezier(.2,1.1,.3,1),opacity .28s,visibility .28s}
.m-menu.open{transform:none;opacity:1;visibility:visible}
.m-menu a{display:block;padding:15px 18px;color:var(--text);text-decoration:none;font-weight:800;font-size:14px;border-top:1px solid var(--line)}
.m-menu a:first-child{border-top:none}
.m-menu a:active{background:rgba(255,255,255,.06)}

@media(max-width:640px){.burger{display:flex}}
@media(min-width:641px){.m-menu{display:none}}
.live-chip,.admin-chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--fm);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:6px 14px;
border:1px solid var(--line);
clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));}
.live-chip{color:#ff5c5c;background:rgba(255,60,60,.08);border-color:rgba(255,80,80,.3);}
.live-chip{color:#ff6b6b;background:rgba(255,68,68,.08)}
.live-chip i{width:7px;height:7px;border-radius:50%;background:#ff4444;box-shadow:0 0 10px #ff4444;animation:blink 1.4s infinite}
.admin-chip{color:var(--c2);background:color-mix(in srgb,var(--c2) 10%,transparent)}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
/* ═══ hero ═══ */
.hero{padding:80px 0 26px;text-align:center}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--c2);box-shadow:0 0 12px var(--c2);animation:blink 1.6s infinite}
.hero h1{font-family:var(--fd);font-weight:900;font-size:clamp(30px,5.4vw,58px);line-height:1.12;margin:20px auto 16px;max-width:840px;letter-spacing:-.01em}
.grad{background:linear-gradient(92deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{max-width:620px;margin:0 auto;color:var(--muted);font-size:16.5px}