:root{
  --bg:#02040d;--text:#f7f9ff;--muted:#aeb8d3;
  --blue:#00b7ff;--pink:#ff1493;--green:#16e88d;--purple:#8a5cff;
  --content:760px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-x:clip}
a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}button{font:inherit}[hidden]{display:none!important}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.page-bg{position:fixed;inset:0;z-index:-5;background:radial-gradient(circle at 14% 10%,rgba(0,123,255,.13),transparent 28rem),radial-gradient(circle at 86% 23%,rgba(255,0,153,.14),transparent 30rem),linear-gradient(180deg,#02030a 0%,#030717 45%,#01030b 100%)}
.page-bg::after{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(44,93,180,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(44,93,180,.11) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.ambient{position:fixed;z-index:-4;width:42vw;height:42vw;border-radius:50%;filter:blur(90px);opacity:.13;pointer-events:none}.ambient-left{left:-22vw;top:25vh;background:var(--blue)}.ambient-right{right:-22vw;top:55vh;background:var(--pink)}
.shell{width:min(100%,var(--content));margin:0 auto;padding:12px 0 38px;position:relative}

.hero{min-height:clamp(340px,62vw,520px);position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(63,142,255,.28);box-shadow:0 26px 70px rgba(0,0,0,.55),0 0 35px rgba(0,116,255,.16);isolation:isolate;margin:0 10px}.hero-stage{position:absolute;inset:0;background:url('../img/hero/hero_header_festival_v6.png') center 74%/cover no-repeat;transform:scale(1.02)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,2,10,.06),rgba(0,2,10,.05) 45%,rgba(2,5,18,.16))}

.welcome-panel{position:relative;margin:18px 10px 4px;padding:22px 18px 20px;text-align:center;overflow:hidden;border:1px solid rgba(80,153,255,.27);border-radius:22px;background:linear-gradient(145deg,rgba(6,13,32,.93),rgba(3,7,19,.94));box-shadow:0 18px 44px rgba(0,0,0,.27),inset 0 0 28px rgba(0,183,255,.035)}
.welcome-panel::before,.welcome-panel::after{content:"";position:absolute;width:44%;height:2px;top:0}.welcome-panel::before{left:0;background:linear-gradient(90deg,transparent,var(--pink),transparent)}.welcome-panel::after{right:0;background:linear-gradient(90deg,transparent,var(--blue),transparent)}
.welcome-scan{position:absolute;inset:-40% -20%;pointer-events:none;opacity:.22;background:linear-gradient(105deg,transparent 42%,rgba(0,213,255,.12) 48%,rgba(255,255,255,.22) 50%,rgba(255,20,175,.12) 52%,transparent 58%);animation:welcomeSweep 8s ease-in-out infinite}
.welcome-eyebrow{position:relative;margin:0 0 6px;font-size:.62rem;font-weight:1000;letter-spacing:.34em;color:#84dcff;text-shadow:0 0 12px rgba(0,183,255,.35)}
.welcome-panel h2{position:relative;margin:0;font-size:clamp(1.15rem,5vw,1.75rem);line-height:1.08;letter-spacing:.025em;font-weight:1000;background:linear-gradient(90deg,#fff 0%,#dff6ff 24%,#63d8ff 48%,#ff74c7 76%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(0,183,255,.16))}
.welcome-panel>p:not(.welcome-eyebrow){position:relative;max-width:620px;margin:11px auto 0;color:#a7b4cf;font-size:.76rem;line-height:1.58}
.welcome-hint{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;color:#d6e7ff;font-size:.64rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.welcome-bars{display:flex;align-items:center;gap:2px;height:14px}.welcome-bars i{display:block;width:2px;border-radius:99px;background:linear-gradient(180deg,var(--pink),var(--blue));box-shadow:0 0 6px rgba(0,183,255,.45);animation:miniBars 1.05s ease-in-out infinite}.welcome-bars i:nth-child(1){height:5px}.welcome-bars i:nth-child(2){height:9px;animation-delay:.1s}.welcome-bars i:nth-child(3){height:14px;animation-delay:.2s}.welcome-bars i:nth-child(4){height:9px;animation-delay:.3s}.welcome-bars i:nth-child(5){height:5px;animation-delay:.4s}.welcome-bars.reverse{transform:scaleX(-1)}

.section{scroll-margin-top:12px;min-width:0}.section-panel{position:relative;margin:14px 10px 0;padding:10px 10px 12px;border:1px solid rgba(70,129,235,.22);border-radius:22px;background:linear-gradient(180deg,rgba(4,9,25,.74),rgba(2,5,16,.68));box-shadow:inset 0 0 34px rgba(0,0,0,.25),0 14px 42px rgba(0,0,0,.18);overflow:hidden}.section-panel::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(0,183,255,.03),transparent 36%,rgba(255,20,147,.035))}
.accordion-trigger{position:relative;z-index:2;display:block;width:100%;padding:0 0 2px;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:18px;outline:none}.accordion-trigger:focus-visible{outline:2px solid rgba(98,220,255,.9);outline-offset:4px}.accordion-trigger:hover .section-heading-graphic img,.accordion-trigger:focus-visible .section-heading-graphic img{filter:brightness(1.12) saturate(1.14);transform:scale(1.012)}
.section-heading-graphic{position:relative;display:block;width:min(106%,720px);margin:0 auto -2px;left:-3%;isolation:isolate;filter:drop-shadow(0 10px 18px rgba(0,0,0,.38))}.section-heading-graphic img{position:relative;z-index:1;width:100%;height:auto;display:block;object-fit:contain;transform-origin:center;transition:transform .25s ease,filter .25s ease;animation:headingGlow 4.8s ease-in-out infinite}.section-heading-graphic::before{content:"";position:absolute;z-index:0;inset:18% 7%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,183,255,.18),rgba(255,20,147,.12) 45%,transparent 72%);filter:blur(24px);opacity:.72;animation:headingAura 4.8s ease-in-out infinite}.section-heading-graphic::after{content:"";position:absolute;z-index:2;inset:16% 4%;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 22%,rgba(255,255,255,.03) 37%,rgba(255,255,255,.32) 50%,rgba(255,255,255,.03) 63%,transparent 78%);mix-blend-mode:screen;transform:translateX(-130%) skewX(-18deg);animation:headingSweep 6.2s ease-in-out infinite}
.accordion-affordance{position:relative;z-index:3;display:inline-flex;align-items:center;gap:9px;margin:-6px auto 4px;padding:6px 13px 6px 15px;border:1px solid rgba(105,176,255,.3);border-radius:999px;background:rgba(5,10,26,.9);box-shadow:0 8px 20px rgba(0,0,0,.24),inset 0 0 12px rgba(0,183,255,.04);font-size:.56rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#afc7e8;transition:border-color .25s ease,color .25s ease,box-shadow .25s ease}.accordion-chevron{width:8px;height:8px;border-right:2px solid #77dfff;border-bottom:2px solid #ff6dc3;transform:rotate(45deg) translateY(-2px);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.accordion-section.is-open .accordion-affordance{color:#edf8ff;border-color:rgba(94,216,255,.52);box-shadow:0 8px 20px rgba(0,0,0,.24),0 0 14px rgba(0,183,255,.1)}.accordion-section.is-open .accordion-chevron{transform:rotate(225deg) translate(-1px,-1px)}
.accordion-panel{position:relative;z-index:1;display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .62s cubic-bezier(.22,.8,.2,1),opacity .34s ease,visibility 0s linear .62s}.accordion-panel-inner{min-height:0;overflow:hidden;transform:translateY(-14px);filter:blur(1.2px);transition:transform .52s cubic-bezier(.22,.8,.2,1),filter .36s ease,padding .52s ease;padding-top:0}.accordion-section.is-open .accordion-panel{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .62s cubic-bezier(.22,.8,.2,1),opacity .4s ease .08s,visibility 0s}.accordion-section.is-open .accordion-panel-inner{transform:translateY(0);filter:blur(0);padding-top:10px}
.section-intro{max-width:620px;margin:0 auto 16px;color:#97a5c5;text-align:center;font-size:.76rem;line-height:1.5}

.techno-link-grid{display:grid;gap:8px;min-width:0;width:100%;max-width:620px;margin:0 auto}.radio-grid,.community-grid,.social-list{display:grid;gap:8px;min-width:0}.tech-link{position:relative;display:block;min-width:0;border-radius:22px;overflow:hidden;isolation:isolate;transform:translateZ(0);transition:transform .24s cubic-bezier(.2,.8,.2,1),filter .24s ease;filter:drop-shadow(0 10px 18px rgba(0,0,0,.34));outline:none}.tech-link img{position:relative;z-index:1;width:100%;height:auto;display:block;object-fit:contain;transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s ease;will-change:transform,filter}.tech-link::before{content:"";position:absolute;z-index:2;inset:10% 4%;border-radius:22px;pointer-events:none;opacity:0;transform:translateX(-125%) skewX(-18deg);background:linear-gradient(105deg,transparent 12%,rgba(255,255,255,.02) 28%,rgba(0,214,255,.32) 43%,rgba(255,255,255,.62) 50%,rgba(255,20,185,.34) 57%,rgba(255,255,255,.02) 72%,transparent 88%);mix-blend-mode:screen;filter:blur(1px)}.tech-link::after{content:"";position:absolute;z-index:0;inset:15% 5%;border-radius:28px;pointer-events:none;opacity:.3;background:radial-gradient(circle at 18% 50%,rgba(0,199,255,.42),transparent 32%),radial-gradient(circle at 82% 50%,rgba(255,17,177,.42),transparent 34%);filter:blur(18px);transition:opacity .25s ease,transform .25s ease}.tech-link:hover,.tech-link:focus-visible{transform:translateY(-3px) scale(1.01);filter:drop-shadow(0 15px 26px rgba(0,0,0,.44)) drop-shadow(0 0 15px rgba(0,190,255,.24)) drop-shadow(0 0 15px rgba(255,20,180,.18))}.tech-link:hover img,.tech-link:focus-visible img{animation:techButtonPulse 1.35s ease-in-out infinite;filter:brightness(1.12) saturate(1.16) contrast(1.04)}.tech-link:hover::before,.tech-link:focus-visible::before{opacity:1;animation:techButtonSweep 1.05s linear infinite}.tech-link:hover::after,.tech-link:focus-visible::after{opacity:.72;animation:techButtonAura 1.45s ease-in-out infinite}.tech-link:focus-visible{outline:2px solid rgba(92,219,255,.9);outline-offset:3px}.tech-link:active{transform:translateY(-1px) scale(.992)}

.release-wrap{position:relative;max-width:700px;margin:0 auto}.release-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,84%);gap:12px;overflow-x:auto;padding:2px 4px 8px;scroll-snap-type:x proximity;scrollbar-width:none}.release-track::-webkit-scrollbar{display:none}.release-card{display:grid;align-content:start;border-radius:24px;overflow:hidden;border:1px solid rgba(255,20,147,.32);background:linear-gradient(180deg,rgba(7,13,32,.95),rgba(3,7,19,.96));box-shadow:0 16px 38px rgba(0,0,0,.24),inset 0 0 22px rgba(255,255,255,.02);scroll-snap-align:start}.release-art{position:relative;aspect-ratio:1/1;background:radial-gradient(circle at 50% 25%,rgba(0,183,255,.18),rgba(255,20,147,.12) 45%,rgba(7,13,32,.8) 72%)}.release-art img{width:100%;height:100%;object-fit:cover}.release-art.missing::before,.release-art.missing::after{position:absolute;inset:0;display:grid;place-items:center}.release-art.missing::before{content:"";background:radial-gradient(circle at center,rgba(0,183,255,.18),rgba(255,20,147,.12),rgba(2,5,16,.96))}.release-art.missing::after{content:"COVER FOLGT";color:#dbe7ff;font-weight:800;letter-spacing:.08em;font-size:1.05rem}.release-badge{position:absolute;top:10px;left:10px;padding:9px 14px;border-radius:999px;background:rgba(5,10,26,.9);border:1px solid rgba(255,255,255,.16);font-size:.9rem;letter-spacing:.04em;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.35)}.release-info{padding:14px 14px 16px}.release-info h3{margin:0 0 6px;font-size:1.02rem}.release-info .artist{margin:0 0 8px;color:#c8d4ee;font-size:.9rem}.release-info .date{margin:0 0 14px;color:#67d5ff;font-weight:800}
.release-action-graphic{position:relative;display:block;width:100%;container-type:inline-size;border-radius:18px;overflow:hidden;isolation:isolate;outline:none;transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s ease;filter:drop-shadow(0 8px 16px rgba(0,0,0,.34))}.release-action-graphic img{display:block;width:100%;height:auto}.release-action-graphic:not(.disabled)::before{content:"";position:absolute;z-index:2;inset:10% 4%;pointer-events:none;opacity:0;transform:translateX(-125%) skewX(-18deg);background:linear-gradient(105deg,transparent 16%,rgba(0,214,255,.24) 42%,rgba(255,255,255,.62) 50%,rgba(255,20,185,.28) 58%,transparent 84%);mix-blend-mode:screen}.release-action-graphic:not(.disabled):hover,.release-action-graphic:not(.disabled):focus-visible{transform:translateY(-3px) scale(1.018);filter:drop-shadow(0 12px 20px rgba(0,0,0,.42)) drop-shadow(0 0 14px rgba(0,200,255,.22)) drop-shadow(0 0 14px rgba(255,20,180,.18))}.release-action-graphic:not(.disabled):hover img,.release-action-graphic:not(.disabled):focus-visible img{animation:techButtonPulse 1.35s ease-in-out infinite;filter:brightness(1.1) saturate(1.12)}.release-action-graphic:not(.disabled):hover::before,.release-action-graphic:not(.disabled):focus-visible::before{opacity:1;animation:techButtonSweep 1.05s linear infinite}.release-action-graphic:focus-visible{outline:2px solid rgba(92,219,255,.9);outline-offset:3px}.release-action-graphic.disabled{cursor:default;filter:saturate(.84) brightness(.9) drop-shadow(0 8px 16px rgba(0,0,0,.3))}
.release-disabled-label{position:absolute;z-index:3;left:23%;right:14%;top:45.3%;transform:translateY(-50%);display:grid;justify-items:center;align-content:center;gap:.7cqi;padding:1cqi 2cqi;text-align:center;line-height:.96;pointer-events:none;white-space:nowrap}.release-disabled-label span{font-size:3.9cqi;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(90deg,#ff91d5 0%,#fff 48%,#8ddfff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 1.8cqi rgba(255,20,147,.34))}.release-disabled-label strong{display:block;font-size:6.55cqi;font-weight:1000;letter-spacing:.055em;line-height:.9;background:linear-gradient(180deg,#fff 0%,#dcecff 38%,#8dcfff 70%,#ff8ad7 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 1.5cqi rgba(87,203,255,.4))}.release-unlock-note{margin:8px 6px 0;text-align:center;color:#8799bb;font-size:.64rem;line-height:1.42}.release-unlock-note::before{content:"🔒";margin-right:5px;filter:saturate(.8)}
.carousel-arrow{position:absolute;top:calc(50% - 22px);z-index:3;width:44px;height:44px;display:none;place-items:center;border-radius:50%;border:1px solid rgba(0,183,255,.35);background:rgba(5,9,24,.82);color:#eaf2ff;cursor:pointer}.carousel-arrow.prev{left:-2px}.carousel-arrow.next{right:-2px}.release-hint{margin:8px 0 0;text-align:center;color:#8f9ab6;font-size:.72rem}

.site-footer{margin:26px 10px 0;padding:20px 16px 12px;text-align:center;color:#b5c0db}.footer-rule{height:2px;margin-bottom:22px;background:linear-gradient(90deg,transparent,rgba(255,20,147,.82),rgba(0,183,255,.82),transparent);box-shadow:0 0 14px rgba(0,183,255,.2)}.footer-logo-wrap{display:flex;justify-content:center;align-items:center;margin:0 0 14px}.footer-logo{width:min(92%,320px);height:auto;filter:drop-shadow(0 0 20px rgba(0,183,255,.18)) drop-shadow(0 0 18px rgba(255,20,147,.16))}.site-footer p{margin:0 0 8px}.site-footer .copyright{font-size:.95rem}.footer-links a{color:#7fd9ff}.to-top{position:fixed;right:14px;bottom:18px;width:54px;height:54px;border-radius:50%;border:1px solid rgba(0,183,255,.5);background:rgba(5,9,24,.86);color:#fff;font-size:1.6rem;box-shadow:0 0 18px rgba(0,183,255,.2);opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s ease;z-index:20}.to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.noscript{margin:14px;padding:12px;border:1px solid #ff5aa7;background:#160817;color:#fff;border-radius:10px}


/* ===== In-page BASSCORE FM Live Player ===== */
.live-stream-launch{width:100%;border:0;padding:0;background:transparent;text-align:initial;cursor:pointer;font:inherit}
.live-stream-launch .live-button-state{position:absolute;z-index:4;right:5.5%;bottom:13%;display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid rgba(126,219,255,.34);border-radius:999px;background:rgba(2,7,21,.84);box-shadow:0 8px 18px rgba(0,0,0,.34),inset 0 0 14px rgba(0,183,255,.04);font-size:.55rem;font-weight:1000;letter-spacing:.12em;color:#dff7ff;text-transform:uppercase;transition:.25s ease}
.live-stream-launch .live-button-state i{width:7px;height:7px;border-radius:50%;background:#74dfff;box-shadow:0 0 10px rgba(0,183,255,.9)}
.live-stream-launch.is-loading .live-button-state{border-color:rgba(255,198,91,.48);color:#ffe7a9}.live-stream-launch.is-loading .live-button-state i{background:#ffc857;box-shadow:0 0 10px rgba(255,200,87,.85);animation:liveDotPulse .7s ease-in-out infinite}
.live-stream-launch.is-playing .live-button-state{border-color:rgba(74,241,164,.52);color:#caffdf;background:rgba(3,23,19,.9);box-shadow:0 8px 18px rgba(0,0,0,.34),0 0 16px rgba(22,232,141,.13)}
.live-stream-launch.is-playing .live-button-state i{background:#16e88d;box-shadow:0 0 12px rgba(22,232,141,.92);animation:liveDotPulse 1s ease-in-out infinite}
.live-stream-launch.is-paused .live-button-state{color:#ffd5eb;border-color:rgba(255,80,171,.42)}.live-stream-launch.is-paused .live-button-state i{background:#ff57ad;box-shadow:0 0 10px rgba(255,20,147,.72)}

body.player-visible{padding-bottom:calc(108px + env(safe-area-inset-bottom))}
.live-player{position:fixed;z-index:90;left:50%;bottom:max(10px,env(safe-area-inset-bottom));width:min(calc(100% - 18px),720px);transform:translate(-50%,calc(100% + 40px)) scale(.985);opacity:0;pointer-events:none;transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .28s ease;isolation:isolate}
.live-player.is-visible{transform:translate(-50%,0) scale(1);opacity:1;pointer-events:auto}
.live-player-glow{position:absolute;z-index:-1;inset:18% 4% -10%;border-radius:28px;background:radial-gradient(ellipse at center,rgba(0,183,255,.26),rgba(255,20,147,.2) 52%,transparent 75%);filter:blur(24px);opacity:.72}
.live-player-inner{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:88px;padding:9px 10px;border:1px solid rgba(98,206,255,.36);border-radius:22px;background:linear-gradient(125deg,rgba(5,12,31,.97),rgba(3,8,22,.985) 56%,rgba(19,5,28,.97));box-shadow:0 18px 50px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.025),inset 0 0 26px rgba(0,183,255,.035);backdrop-filter:blur(18px);overflow:hidden}
.live-player-inner::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.025) 44%,rgba(0,206,255,.08) 49%,rgba(255,255,255,.11) 50%,rgba(255,20,163,.07) 52%,transparent 66%);transform:translateX(-115%)}
.live-player.is-playing .live-player-inner::before{animation:playerSweep 4.6s ease-in-out infinite}
.live-player-brand{position:relative;width:64px;height:68px;border-radius:17px;background:radial-gradient(circle at 50% 42%,rgba(13,30,64,.96),rgba(4,9,25,.98));border:1px solid rgba(73,193,255,.4);box-shadow:inset 0 0 18px rgba(0,183,255,.08),0 8px 20px rgba(0,0,0,.3),0 0 14px rgba(255,20,147,.08);overflow:hidden}
.live-player-brand::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055),inset 0 -18px 24px rgba(2,5,18,.32)}
.live-player-brand img{width:100%;height:100%;object-fit:cover;object-position:center 18%;transition:opacity .25s ease,transform .4s ease;filter:saturate(.96) contrast(1.03)}
.live-player:not(.has-dj-image) .live-player-brand img{object-fit:contain;padding:9px 5px 16px;filter:drop-shadow(0 0 8px rgba(0,183,255,.24)) drop-shadow(0 0 8px rgba(255,20,147,.2))}
.live-player.has-dj-image .live-player-brand img{transform:scale(1.025)}
.live-dj-image-shine{position:absolute;inset:-20%;pointer-events:none;opacity:.25;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.18) 48%,rgba(0,220,255,.12) 51%,transparent 64%);transform:translateX(-70%)}
.live-player.is-playing .live-dj-image-shine{animation:djImageSweep 5.2s ease-in-out infinite}
.live-eq{position:absolute;z-index:3;left:7px;right:7px;bottom:5px;height:10px;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:2px 4px;border-radius:7px;background:rgba(2,6,18,.58);backdrop-filter:blur(3px);opacity:.9}.live-eq i{width:3px;height:4px;border-radius:2px;background:linear-gradient(180deg,#5be2ff,#ff4fb4);box-shadow:0 0 5px rgba(0,183,255,.25)}.live-player.is-playing .live-eq i{animation:eqBounce .72s ease-in-out infinite}.live-player.is-playing .live-eq i:nth-child(2){animation-delay:.11s}.live-player.is-playing .live-eq i:nth-child(3){animation-delay:.23s}.live-player.is-playing .live-eq i:nth-child(4){animation-delay:.34s}.live-player.is-playing .live-eq i:nth-child(5){animation-delay:.16s}
.live-player-copy{min-width:0;display:grid;gap:4px}.live-player-topline{display:flex;align-items:center;gap:7px;min-width:0;margin-bottom:1px}.live-player-topline strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.59rem;letter-spacing:.15em;color:#9ddfff;text-transform:uppercase}.live-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#7fdfff;box-shadow:0 0 9px rgba(0,183,255,.72)}.live-player.is-playing .live-dot{background:#16e88d;box-shadow:0 0 10px rgba(22,232,141,.9);animation:liveDotPulse 1s ease-in-out infinite}.live-player.is-paused .live-dot{background:#ff5aaa;box-shadow:0 0 9px rgba(255,20,147,.72)}.live-player.is-error .live-dot{background:#ffbd4a;box-shadow:0 0 9px rgba(255,189,74,.7)}
.live-player-info-row{min-width:0;display:grid;grid-template-columns:37px minmax(0,1fr);align-items:center;gap:7px;height:24px;padding:2px 8px 2px 5px;border-radius:9px;border:1px solid rgba(99,172,245,.12);background:linear-gradient(90deg,rgba(8,17,40,.7),rgba(4,9,24,.42));overflow:hidden}
.live-player-info-label{display:flex;align-items:center;justify-content:center;height:17px;border-radius:6px;font-size:.46rem;line-height:1;font-weight:1000;letter-spacing:.08em;color:#9de7ff;border:1px solid rgba(64,205,255,.22);background:rgba(0,183,255,.06);text-shadow:0 0 7px rgba(0,183,255,.25)}
.live-player-track-row .live-player-info-label{color:#ff9bd5;border-color:rgba(255,81,176,.24);background:rgba(255,20,147,.055);text-shadow:0 0 7px rgba(255,20,147,.22)}
.live-player-info-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f7fbff;font-size:.73rem;line-height:1.12;font-weight:850;letter-spacing:.008em;text-shadow:0 0 8px rgba(255,255,255,.035)}
.live-player-dj-row strong{color:#dff7ff}.live-player-track-row strong{color:#f5efff}
.live-player-controls{display:flex;align-items:center;gap:7px}.player-control{display:grid;place-items:center;border:1px solid rgba(111,198,255,.3);background:linear-gradient(145deg,rgba(12,25,51,.96),rgba(4,9,25,.96));color:#fff;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.3),inset 0 0 14px rgba(0,183,255,.04);transition:transform .2s ease,border-color .2s ease,filter .2s ease}.player-control:hover,.player-control:focus-visible{transform:translateY(-1px);border-color:rgba(95,225,255,.62);filter:brightness(1.12);outline:none}.player-play{width:48px;height:48px;border-radius:16px}.player-stop{width:31px;height:31px;border-radius:11px;color:#aabbd6;font-size:1.15rem}.player-stop:hover,.player-stop:focus-visible{color:#fff;border-color:rgba(255,72,162,.5)}
.player-icon{position:relative;display:block;width:18px;height:18px}.player-icon-play::before{content:"";position:absolute;left:5px;top:2px;border-left:12px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent;filter:drop-shadow(0 0 5px rgba(0,183,255,.35))}.live-player.is-playing .player-icon-play::before{left:3px;top:2px;width:4px;height:14px;border:0;border-radius:2px;background:#fff;box-shadow:8px 0 0 #fff;filter:drop-shadow(0 0 5px rgba(22,232,141,.32))}
.live-player-progress{height:2px;margin:0 24px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.04)}.live-player-progress span{display:block;width:34%;height:100%;border-radius:999px;background:linear-gradient(90deg,transparent,#22d7ff,#ff42ac,transparent);transform:translateX(-120%)}.live-player.is-loading .live-player-progress span{animation:playerLoad 1.1s linear infinite}.live-player.is-playing .live-player-progress span{width:100%;transform:none;background:linear-gradient(90deg,rgba(0,183,255,.35),rgba(255,20,147,.35));box-shadow:0 0 9px rgba(0,183,255,.22)}

@keyframes djImageSweep{0%,68%{transform:translateX(-70%);opacity:0}76%{opacity:.22}90%,100%{transform:translateX(70%);opacity:0}}
@keyframes liveDotPulse{0%,100%{transform:scale(.82);opacity:.72}50%{transform:scale(1.15);opacity:1}}
@keyframes eqBounce{0%,100%{height:3px;opacity:.55}50%{height:10px;opacity:1}}
@keyframes playerLoad{to{transform:translateX(320%)}}
@keyframes playerSweep{0%,70%{transform:translateX(-115%);opacity:0}78%{opacity:1}94%,100%{transform:translateX(115%);opacity:0}}

@keyframes welcomeSweep{0%,22%{transform:translateX(-48%);opacity:0}34%{opacity:.26}58%{transform:translateX(48%);opacity:.18}70%,100%{transform:translateX(48%);opacity:0}}
@keyframes miniBars{0%,100%{transform:scaleY(.72);opacity:.7}50%{transform:scaleY(1.18);opacity:1}}
@keyframes headingGlow{0%,100%{filter:brightness(1) saturate(1)}50%{filter:brightness(1.08) saturate(1.08)}}
@keyframes headingAura{0%,100%{opacity:.5;transform:scale(.98)}50%{opacity:.82;transform:scale(1.03)}}
@keyframes headingSweep{0%,68%{transform:translateX(-130%) skewX(-18deg);opacity:0}73%{opacity:.18}84%{opacity:.38}96%,100%{transform:translateX(130%) skewX(-18deg);opacity:0}}
@keyframes techButtonPulse{0%,100%{transform:scale(1);filter:brightness(1.06) saturate(1.08)}50%{transform:scale(1.016);filter:brightness(1.22) saturate(1.22)}}
@keyframes techButtonSweep{0%{transform:translateX(-125%) skewX(-18deg);opacity:0}10%{opacity:.2}48%{opacity:.9}100%{transform:translateX(130%) skewX(-18deg);opacity:0}}
@keyframes techButtonAura{0%,100%{transform:scale(.98);filter:blur(18px);opacity:.42}50%{transform:scale(1.035);filter:blur(22px);opacity:.82}}

@media(max-width:390px){.shell{padding-top:7px}.hero,.welcome-panel,.section-panel{margin-inline:7px}.section-panel{padding-inline:7px}.section-heading-graphic{width:112%;left:-6%}.accordion-affordance{margin-top:-8px;font-size:.52rem}.techno-link-grid{gap:7px}.tech-link{border-radius:18px}.release-disabled-label{left:24%;right:12%;top:44.9%}.release-unlock-note{font-size:.61rem}.welcome-panel{padding-inline:13px}.welcome-hint{font-size:.56rem;letter-spacing:.08em}}
@media(min-width:620px){.carousel-arrow{display:grid}.release-track{grid-auto-columns:minmax(230px,72%)}}
@media(min-width:720px){.shell{width:min(calc(100% - 34px),var(--content))}.hero{margin-inline:0;border-radius:34px}.welcome-panel,.section-panel{margin-inline:0}.welcome-panel{padding:25px 24px 22px}.welcome-panel>p:not(.welcome-eyebrow){font-size:.82rem}.section-panel{padding:10px 14px 14px}.section-heading-graphic{width:min(104%,720px);left:-2%}.techno-link-grid{width:78%;max-width:540px;gap:8px}.section-intro{font-size:.82rem;max-width:590px}.release-track{grid-auto-columns:minmax(235px,68%)}}
@media(min-width:1020px){.hero-stage{background-position:center 78%}.techno-link-grid{width:74%;max-width:520px}.release-track{grid-auto-columns:minmax(235px,62%)}}

@media(max-width:520px){
  body.player-visible{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
  .live-stream-launch .live-button-state{right:5%;bottom:11%;padding:4px 8px;font-size:.49rem;gap:5px}.live-stream-launch .live-button-state i{width:6px;height:6px}
  .live-player{width:calc(100% - 12px);bottom:max(6px,env(safe-area-inset-bottom))}
  .live-player-inner{grid-template-columns:57px minmax(0,1fr) auto;gap:7px;min-height:84px;padding:7px;border-radius:19px}
  .live-player-brand{width:55px;height:63px;border-radius:14px}.live-player:not(.has-dj-image) .live-player-brand img{padding:8px 4px 15px}.live-eq{left:6px;right:6px;bottom:4px;height:9px}.live-eq i{width:2px}
  .live-player-copy{gap:3px}.live-player-topline{margin-bottom:0}.live-player-topline strong{font-size:.5rem;letter-spacing:.1em}.live-dot{width:6px;height:6px}
  .live-player-info-row{grid-template-columns:31px minmax(0,1fr);gap:5px;height:22px;padding:2px 5px 2px 4px;border-radius:8px}.live-player-info-label{height:16px;font-size:.4rem}.live-player-info-row strong{font-size:.63rem}
  .live-player-controls{gap:4px}.player-play{width:40px;height:40px;border-radius:13px}.player-stop{width:26px;height:26px;border-radius:9px;font-size:1rem}
}
@media(max-width:365px){
  .live-player-inner{grid-template-columns:51px minmax(0,1fr) auto;gap:5px}.live-player-brand{width:49px;height:59px}.live-player-info-row{grid-template-columns:27px minmax(0,1fr);gap:4px;padding-right:4px}.live-player-info-label{font-size:.36rem}.live-player-info-row strong{font-size:.58rem}.player-play{width:37px;height:37px}.player-stop{width:24px;height:24px}
}
@media(min-width:720px){.live-player-inner{min-height:92px;padding:10px 12px}.live-player-info-row strong{font-size:.78rem}.live-player-topline strong{font-size:.61rem}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* ============================================================
   BASSCORE FM SOCIAL PULSE VISITOR COUNTER V18
   ============================================================ */
.visitor-counter-panel{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin:12px 10px 4px;
  padding:13px 15px 12px;
  border:1px solid rgba(83,184,255,.30);
  border-radius:22px;
  background:
    radial-gradient(circle at 15% 20%,rgba(0,199,255,.11),transparent 32%),
    radial-gradient(circle at 85% 72%,rgba(255,20,147,.12),transparent 34%),
    linear-gradient(150deg,rgba(7,15,35,.96),rgba(3,7,20,.97));
  box-shadow:
    0 18px 42px rgba(0,0,0,.28),
    inset 0 0 26px rgba(0,183,255,.035),
    0 0 24px rgba(0,183,255,.045);
}
.visitor-counter-panel::before,
.visitor-counter-panel::after{
  content:"";
  position:absolute;
  top:0;
  width:34%;
  height:2px;
  z-index:3;
}
.visitor-counter-panel::before{left:0;background:linear-gradient(90deg,transparent,#ff2ca6,#975cff,transparent)}
.visitor-counter-panel::after{right:0;background:linear-gradient(90deg,transparent,#00d7ff,#5f8cff,transparent)}
.visitor-counter-scan{
  position:absolute;
  z-index:0;
  inset:-80% -35%;
  pointer-events:none;
  opacity:.22;
  background:linear-gradient(110deg,transparent 42%,rgba(0,217,255,.08) 47%,rgba(255,255,255,.24) 50%,rgba(255,37,173,.09) 53%,transparent 58%);
  transform:translateX(-46%);
  animation:counterSweep 7.4s ease-in-out infinite;
}
.visitor-counter-corners{position:absolute;z-index:2;inset:7px;pointer-events:none}
.visitor-counter-corners i{position:absolute;width:14px;height:14px;opacity:.75}
.visitor-counter-corners i:nth-child(1){left:0;top:0;border-left:2px solid #18dfff;border-top:2px solid #18dfff}
.visitor-counter-corners i:nth-child(2){right:0;top:0;border-right:2px solid #ff3faa;border-top:2px solid #ff3faa}
.visitor-counter-corners i:nth-child(3){left:0;bottom:0;border-left:2px solid #ff3faa;border-bottom:2px solid #ff3faa}
.visitor-counter-corners i:nth-child(4){right:0;bottom:0;border-right:2px solid #18dfff;border-bottom:2px solid #18dfff}
.visitor-counter-topline{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:4px;
  font-size:.55rem;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.visitor-counter-live{display:inline-flex;align-items:center;gap:7px;color:#bdeeff;text-shadow:0 0 10px rgba(0,205,255,.28)}
.visitor-counter-live i{width:7px;height:7px;border-radius:50%;background:#19e890;box-shadow:0 0 10px rgba(25,232,144,.85);animation:counterLivePulse 1.15s ease-in-out infinite}
.visitor-counter-status{color:#7f91b4;white-space:nowrap}
.visitor-counter-panel.is-online .visitor-counter-status{color:#7edfbf}
.visitor-counter-panel.is-error .visitor-counter-status{color:#ffbc6b}
.visitor-counter-main{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(36px,1fr) minmax(180px,auto) minmax(36px,1fr);
  align-items:center;
  gap:12px;
  min-height:92px;
}
.visitor-counter-readout{display:grid;justify-items:center;align-content:center;min-width:0;text-align:center}
.visitor-counter-label{
  margin-bottom:1px;
  color:#c7d5ef;
  font-size:.58rem;
  font-weight:1000;
  letter-spacing:.30em;
  text-transform:uppercase;
  text-shadow:0 0 12px rgba(255,255,255,.08);
}
.visitor-counter-readout strong{
  display:block;
  min-width:6ch;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  font-variant-numeric:tabular-nums lining-nums;
  font-size:clamp(2.15rem,10vw,3.45rem);
  line-height:.95;
  letter-spacing:.05em;
  font-weight:1000;
  background:linear-gradient(180deg,#fff 0%,#dff9ff 28%,#68dcff 52%,#a378ff 72%,#ff62bd 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 0 9px rgba(0,203,255,.30)) drop-shadow(0 0 14px rgba(255,38,168,.17));
}
.visitor-counter-meta{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin-top:5px;
  color:#7f91af;
  font-size:.54rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.visitor-counter-meta b{color:#91ddff;font-weight:950}
.visitor-counter-wing{display:flex;align-items:center;justify-content:center;gap:3px;height:42px;opacity:.88}
.visitor-counter-wing i{display:block;width:4px;border-radius:99px;background:linear-gradient(180deg,#ff3fac,#7d66ff 48%,#18dfff);box-shadow:0 0 7px rgba(77,191,255,.36);animation:counterBars 1.25s ease-in-out infinite}
.visitor-counter-wing i:nth-child(1){height:10px;animation-delay:-.1s}.visitor-counter-wing i:nth-child(2){height:20px;animation-delay:-.25s}.visitor-counter-wing i:nth-child(3){height:34px;animation-delay:-.42s}.visitor-counter-wing i:nth-child(4){height:20px;animation-delay:-.3s}.visitor-counter-wing i:nth-child(5){height:10px;animation-delay:-.16s}.visitor-counter-wing.wing-right{transform:scaleX(-1)}
.visitor-counter-footer{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:2px}
.visitor-counter-footer span{height:1px;background:linear-gradient(90deg,transparent,rgba(0,205,255,.36),rgba(255,51,174,.24))}.visitor-counter-footer span:last-child{transform:scaleX(-1)}
.visitor-counter-footer em{font-style:normal;color:#71809f;font-size:.48rem;font-weight:900;letter-spacing:.24em;text-transform:uppercase}

@keyframes counterSweep{0%,20%{transform:translateX(-48%);opacity:0}31%{opacity:.26}54%{transform:translateX(48%);opacity:.18}66%,100%{transform:translateX(48%);opacity:0}}
@keyframes counterLivePulse{0%,100%{transform:scale(.76);opacity:.65}50%{transform:scale(1.18);opacity:1}}
@keyframes counterBars{0%,100%{transform:scaleY(.68);opacity:.62}50%{transform:scaleY(1.15);opacity:1}}

@media(max-width:390px){
  .visitor-counter-panel{margin-inline:7px;padding:12px 11px 11px;border-radius:20px}
  .visitor-counter-topline{font-size:.49rem;letter-spacing:.13em}
  .visitor-counter-main{grid-template-columns:30px minmax(0,1fr) 30px;gap:6px;min-height:84px}
  .visitor-counter-readout strong{font-size:clamp(2rem,13vw,2.8rem)}
  .visitor-counter-label{font-size:.52rem;letter-spacing:.23em}
  .visitor-counter-meta{font-size:.47rem;gap:5px;letter-spacing:.055em}
  .visitor-counter-wing{gap:2px}.visitor-counter-wing i{width:3px}
}
@media(min-width:720px){
  .visitor-counter-panel{margin-inline:0;padding:14px 20px 13px}
  .visitor-counter-main{grid-template-columns:1fr minmax(260px,auto) 1fr;min-height:104px}
  .visitor-counter-readout strong{font-size:3.6rem}
  .visitor-counter-wing{gap:4px}.visitor-counter-wing i{width:4px}
}
@media(prefers-reduced-motion:reduce){
  .visitor-counter-scan,.visitor-counter-live i,.visitor-counter-wing i{animation:none!important}
}

/* ============================================================
   BASSCORE FM SUPPORT — FINAL CLEAN LAYOUT
   One visible CTA per card. The artwork already contains the neon
   button shell; HTML only supplies the interactive text + hit area.
   ============================================================ */
.support-section{
  position:relative;isolation:isolate;overflow:hidden;margin:18px 10px 0;padding:14px 16px 14px;border-radius:32px;
  background:radial-gradient(circle at 8% 9%,rgba(255,20,147,.18),transparent 28%),radial-gradient(circle at 91% 16%,rgba(0,183,255,.18),transparent 30%),linear-gradient(155deg,rgba(8,6,29,.985),rgba(2,6,19,.99) 48%,rgba(4,8,25,.985));
  box-shadow:0 32px 80px rgba(0,0,0,.52),0 0 44px rgba(255,20,147,.12),0 0 48px rgba(0,183,255,.11),inset 0 0 46px rgba(0,0,0,.34)
}
.support-section::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;padding:1px;background:linear-gradient(118deg,#ff2aa8,rgba(255,42,168,.16) 25%,rgba(135,84,255,.14) 50%,rgba(0,190,255,.16) 74%,#41ddff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.9}
.support-section::after{content:"";position:absolute;z-index:0;left:8%;right:8%;bottom:-24px;height:42px;pointer-events:none;background:linear-gradient(90deg,transparent,#ff20a5,#8b5cff,#00cfff,transparent);filter:blur(22px);opacity:.38}
.support-ambient{position:absolute;z-index:0;inset:-18%;pointer-events:none;opacity:.38;background:linear-gradient(108deg,transparent 38%,rgba(255,255,255,.015) 45%,rgba(255,45,180,.08) 48%,rgba(255,255,255,.18) 50%,rgba(0,204,255,.09) 52%,transparent 62%);transform:translateX(-58%);animation:supportSweep 8.8s ease-in-out infinite}
.support-header,.support-intro,.support-grid,.support-note,.support-legal{position:relative;z-index:2}
.support-header{margin:-4px auto -16px;max-width:710px;filter:drop-shadow(0 12px 22px rgba(0,0,0,.42))}
.support-header img{width:100%;height:auto;object-fit:contain;filter:saturate(1.04) brightness(1.02);animation:supportHeaderPulse 5s ease-in-out infinite}
.support-intro{max-width:620px;margin:0 auto 12px;padding:12px 20px 8px;text-align:center;border-top:1px solid rgba(117,166,255,.16)}
.support-intro h3{margin:0;font-size:clamp(1.08rem,4.6vw,1.5rem);font-weight:1000;letter-spacing:.045em;color:#fff;text-shadow:0 0 18px rgba(255,255,255,.08)}
.support-intro-line{display:block;width:42px;height:2px;margin:10px auto 9px;background:linear-gradient(90deg,#ff2aa8,#8b5cff,#00cfff);box-shadow:0 0 12px rgba(255,20,147,.36)}
.support-intro p{max-width:570px;margin:0 auto;color:#bdc9e3;font-size:.76rem;line-height:1.56}

.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:680px;margin:0 auto 8px;align-items:stretch}
.support-option{position:relative;min-width:0;aspect-ratio:4/3;overflow:hidden;border-radius:25px;background:#030716;transition:transform .25s cubic-bezier(.2,.8,.2,1);box-shadow:0 16px 34px rgba(0,0,0,.34)}
.support-option:hover,.support-option:focus-within{transform:translateY(-3px)}
.support-art{position:absolute;inset:0}
.support-art img{width:100%;height:100%;object-fit:fill;display:block;pointer-events:none;user-select:none}

/* One real interactive hit area per card. The artwork supplies the visible neon pill;
   the HTML text is centered exactly inside the neon pill. */
.support-cta{position:absolute;z-index:3;left:15%;right:15%;height:14.8%;min-height:0;margin:0;padding:0;display:grid;place-items:center;border:0;border-radius:999px;background:transparent;color:#fff;text-decoration:none;cursor:pointer;overflow:hidden;font:inherit;appearance:none;-webkit-appearance:none;box-shadow:none;outline:none;-webkit-tap-highlight-color:transparent}
.is-paypal .support-cta{bottom:12.7%}
.is-bank .support-cta{bottom:14.8%}
.support-cta strong{position:absolute;left:50%;top:calc(50% + 1.5px);transform:translate(-50%,-50%);display:block;width:94%;min-width:0;font-size:clamp(.57rem,1.55vw,.78rem);line-height:1.05;font-weight:1000;letter-spacing:.045em;text-align:center;white-space:nowrap;text-shadow:0 0 10px rgba(255,255,255,.3);transition:text-shadow .18s ease,color .18s ease}
.is-paypal .support-cta strong{color:#91efff}
.is-bank .support-cta strong{color:#ff9ad4}
.support-cta::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.18) 48%,rgba(255,255,255,.48) 50%,rgba(255,255,255,.14) 52%,transparent 62%);transform:translateX(-120%);transition:opacity .18s ease}
.support-cta:hover::after,.support-cta:focus-visible::after{opacity:.6;animation:supportButtonSweep .7s ease-out both}
.support-cta:hover strong,.support-cta:focus-visible strong{color:#fff;text-shadow:0 0 14px currentColor,0 0 24px currentColor}
.support-cta:focus-visible{box-shadow:0 0 0 2px rgba(255,255,255,.85),0 0 24px rgba(74,208,255,.35)}

.support-note{position:relative;max-width:680px;margin:-4px auto -8px;isolation:isolate;min-height:110px}
.support-note img{position:relative;z-index:1;width:100%;height:auto;display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.34))}
.support-note p{position:absolute;z-index:2;left:19%;right:13%;top:50%;transform:translateY(-50%);margin:0;color:#d5def0;font-size:clamp(.62rem,1.7vw,.76rem);line-height:1.48;text-align:left;text-shadow:0 1px 10px rgba(0,0,0,.8)}
.support-note p strong{color:#ff62bd}.support-note p span{margin:0 7px;color:#83b6ec}
.support-legal{margin:0 auto 4px;text-align:center;color:#65728f;font-size:.53rem;line-height:1.4}

/* ---- Bank modal ---- */
.support-bank-modal{width:min(92vw,620px);max-height:min(88vh,780px);padding:0;border:0;border-radius:28px;overflow:auto;color:#f4f7ff;background:transparent}
.support-bank-modal::backdrop{background:rgba(1,3,13,.76);backdrop-filter:blur(10px) saturate(.8);-webkit-backdrop-filter:blur(10px) saturate(.8)}
.support-bank-modal[open]{animation:supportModalIn .28s cubic-bezier(.2,.8,.2,1) both}
.support-bank-modal-shell{position:relative;isolation:isolate;overflow:hidden;padding:22px;border-radius:28px;background:radial-gradient(circle at 8% 8%,rgba(255,20,147,.18),transparent 31%),radial-gradient(circle at 91% 11%,rgba(0,183,255,.16),transparent 32%),linear-gradient(155deg,rgba(12,5,30,.995),rgba(3,8,24,.997) 52%,rgba(3,9,28,.995));border:1px solid rgba(141,100,255,.34);box-shadow:0 32px 90px rgba(0,0,0,.72),0 0 44px rgba(255,20,147,.17),0 0 50px rgba(0,183,255,.14),inset 0 0 50px rgba(0,0,0,.38)}
.support-bank-modal-shell::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;padding:1px;background:linear-gradient(120deg,#ff32b4,rgba(255,50,180,.1) 30%,rgba(0,207,255,.12) 70%,#38dfff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.support-bank-modal-glow{position:absolute;z-index:0;left:8%;right:8%;top:-34px;height:60px;background:linear-gradient(90deg,transparent,#ff20a5,#8560ff,#00cfff,transparent);filter:blur(22px);opacity:.5;pointer-events:none}
.support-modal-close{position:absolute;z-index:5;top:13px;right:13px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(6,8,24,.82);color:#dbe8ff;font-size:1.55rem;line-height:1;cursor:pointer;box-shadow:0 0 20px rgba(0,0,0,.24);transition:.2s ease}
.support-modal-close:hover,.support-modal-close:focus-visible{color:#fff;border-color:rgba(255,90,194,.55);background:rgba(67,9,53,.82);box-shadow:0 0 18px rgba(255,20,147,.22);outline:none;transform:rotate(5deg) scale(1.04)}
.support-modal-kicker{position:relative;z-index:2;display:inline-flex;align-items:center;gap:7px;margin-bottom:15px;color:#ff8bcf;font-size:.58rem;font-weight:1000;letter-spacing:.17em;text-transform:uppercase}
.support-modal-live-dot{width:7px;height:7px;border-radius:50%;background:#ff1b92;box-shadow:0 0 0 4px rgba(255,27,146,.11),0 0 13px rgba(255,27,146,.8);animation:supportModalDot 1.5s ease-in-out infinite}
.support-modal-header{position:relative;z-index:2;display:grid;grid-template-columns:74px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px;padding:0 42px 16px 0;border-bottom:1px solid rgba(119,154,220,.15)}
.support-modal-bank-icon{display:grid;place-items:center;width:76px;height:76px;border:none;background:none;box-shadow:none;overflow:visible;padding:0;border-radius:0}
.support-modal-bank-icon img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 14px rgba(255,20,147,.24)) drop-shadow(0 0 18px rgba(0,207,255,.18))}
.support-modal-header p{margin:0 0 2px;color:#61dcff;font-size:.58rem;font-weight:1000;letter-spacing:.16em}.support-modal-header h2{margin:0 0 4px;font-size:clamp(1.45rem,5vw,2rem);line-height:1;font-weight:1000;letter-spacing:.02em}.support-modal-header>div>span{display:block;color:#aebbd4;font-size:.72rem;line-height:1.42}
.support-modal-bank-badge{position:relative;z-index:2;display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:12px;padding:11px 12px;border:1px solid rgba(75,205,255,.24);border-radius:17px;background:linear-gradient(90deg,rgba(5,19,42,.86),rgba(19,6,35,.82));box-shadow:inset 0 0 24px rgba(0,183,255,.035)}
.support-finom-mark{display:grid;place-items:center;width:56px;height:56px;border:none;background:none;box-shadow:none;overflow:visible;padding:0;border-radius:0}
.support-finom-mark img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0;filter:drop-shadow(0 0 10px rgba(126,76,255,.18)) drop-shadow(0 0 14px rgba(0,207,255,.14))}
.support-modal-bank-badge div{min-width:0;display:flex;flex-direction:column;gap:1px}.support-modal-bank-badge small{color:#7f91b6;font-size:.5rem;font-weight:1000;letter-spacing:.16em}.support-modal-bank-badge strong{font-size:.88rem;color:#fff}.support-modal-bank-badge div span{color:#899ab8;font-size:.58rem;line-height:1.32}
.support-modal-details{position:relative;z-index:2;overflow:hidden;border:1px solid rgba(123,147,206,.14);border-radius:17px;background:rgba(4,8,24,.64)}
.support-modal-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 13px;border-bottom:1px solid rgba(121,151,213,.11)}
.support-modal-row:last-child{border-bottom:0}.support-modal-row>div{min-width:0;display:flex;flex-direction:column;gap:3px}.support-modal-row span{font-size:.52rem;color:#788bad;font-weight:1000;letter-spacing:.11em;text-transform:uppercase}.support-modal-row strong{font-size:.76rem;color:#eff7ff;line-height:1.36;overflow-wrap:anywhere;letter-spacing:.01em}.support-modal-purpose-row strong{color:#ff81ca}
.support-copy{border:1px solid rgba(83,205,255,.42);border-radius:10px;background:rgba(0,148,219,.09);color:#7cddff;padding:7px 9px;font-size:.5rem;font-weight:1000;letter-spacing:.07em;cursor:pointer;transition:.2s ease}.support-copy:hover,.support-copy:focus-visible{border-color:rgba(112,226,255,.78);background:rgba(0,162,238,.17);color:#fff;box-shadow:0 0 13px rgba(0,183,255,.18);outline:none}.support-copy.is-copied{border-color:rgba(31,233,145,.75);color:#72ffc4;background:rgba(31,233,145,.1)}
.support-copy-all{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:12px;padding:12px 14px;border:1px solid rgba(255,71,188,.42);border-radius:14px;background:linear-gradient(90deg,rgba(116,7,85,.27),rgba(36,17,93,.24),rgba(0,109,160,.21));color:#fff;font-size:.66rem;font-weight:1000;letter-spacing:.08em;cursor:pointer;box-shadow:inset 0 0 22px rgba(255,20,147,.04);transition:.2s ease}.support-copy-all b{font-size:1rem;color:#72e6ff}.support-copy-all:hover,.support-copy-all:focus-visible{border-color:rgba(255,97,204,.72);transform:translateY(-1px);box-shadow:0 0 22px rgba(255,20,147,.18),inset 0 0 26px rgba(0,183,255,.05);outline:none}.support-copy-all.is-copied{border-color:rgba(31,233,145,.72);color:#80ffd0;background:rgba(31,233,145,.09)}
.support-modal-hint{position:relative;z-index:2;display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;margin:12px 0 0;padding:9px 10px;border-radius:12px;background:rgba(13,18,42,.62);color:#9eacc6;font-size:.58rem;line-height:1.42}.support-modal-hint span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;border:1px solid rgba(85,205,255,.36);color:#75dcff;font-size:.65rem;font-weight:1000}
.support-modal-legal{position:relative;z-index:2;margin:9px 0 0;text-align:center;color:#65728f;font-size:.5rem;line-height:1.35}

@keyframes supportSweep{0%,18%{transform:translateX(-58%);opacity:0}28%{opacity:.4}58%{transform:translateX(58%);opacity:.26}72%,100%{transform:translateX(58%);opacity:0}}
@keyframes supportHeaderPulse{0%,100%{filter:brightness(1) saturate(1.03)}50%{filter:brightness(1.08) saturate(1.1) drop-shadow(0 0 12px rgba(255,20,147,.12))}}
@keyframes supportButtonSweep{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes supportModalIn{0%{opacity:0;transform:translateY(10px) scale(.965)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes supportModalDot{0%,100%{opacity:.55;transform:scale(.82)}50%{opacity:1;transform:scale(1.08)}}

@media(max-width:560px){
  .support-section{padding:12px 9px 12px;border-radius:26px}  .support-header{margin:-3px -3px -9px}.support-intro{padding:8px 9px 7px;margin-bottom:9px}.support-intro p{font-size:.7rem}
  .support-grid{gap:8px;max-width:none}.support-option{border-radius:18px}
  .support-cta strong{font-size:.54rem;letter-spacing:.02em}
  .support-note{margin:-7px -4px -6px;min-height:95px}.support-note p{left:20%;right:12%;font-size:.61rem;line-height:1.38}.support-note p span{margin:0 4px}
  .support-bank-modal{width:min(94vw,520px);max-height:91vh}.support-bank-modal-shell{padding:17px 13px;border-radius:23px}.support-modal-close{top:9px;right:9px;width:35px;height:35px}
  .support-modal-header{grid-template-columns:62px minmax(0,1fr);gap:10px;padding-right:34px}.support-modal-bank-icon{width:62px;height:62px;padding:0}.support-modal-header h2{font-size:1.4rem}.support-modal-header>div>span{font-size:.65rem}
  .support-modal-bank-badge{grid-template-columns:46px minmax(0,1fr);gap:9px}.support-finom-mark{width:46px;height:46px;padding:0}.support-modal-row{padding:10px 9px;gap:7px}.support-modal-row strong{font-size:.67rem}.support-copy{padding:6px 7px;font-size:.45rem}
}
@media(max-width:390px){
  .support-section{padding-inline:6px}.support-header{margin-inline:-7px}.support-intro h3{font-size:1rem}.support-intro p{font-size:.65rem}
  .support-grid{gap:5px}.support-option{border-radius:15px}.support-cta strong{font-size:.47rem}
  .support-note{margin-top:-12px}.support-note p{left:22%;right:10%;font-size:.56rem}.support-legal{font-size:.48rem}
  .support-modal-row{grid-template-columns:minmax(0,1fr) auto}.support-modal-bank-badge div span{font-size:.53rem}.support-copy-all{font-size:.58rem}
}
@media(min-width:720px){.support-section{margin-inline:0;padding:18px 20px 16px}.support-header{margin-top:-8px}.support-intro p{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.support-ambient,.support-header img,.support-modal-live-dot,.support-bank-modal[open],.support-cta::after{animation:none!important}}
html.support-modal-open,html.support-modal-open body{overflow:hidden}
