@import"https://fonts.googleapis.com/css2?family=Bungee&family=Fredoka:wght@400;500;600;700&display=swap";:root{--bg: #140a1e;--surface: #20132e;--border: #3a2350;--text: #fdf3ff;--muted: #c4a9d6;--accent: #ff8c1a;--accent-soft: #ffc24d;--pop: #ff2e88;--pop2: #22d3ee;--danger: #ff5470;--ok: #5fd17a;--maxw: 920px;--font: "Fredoka", -apple-system, "Helvetica Neue", Arial, sans-serif;--display: "Bungee", "Fredoka", Impact, sans-serif;--hero-image: url(https://images.unsplash.com/photo-1501386761578-eac5c94b800a?w=1600&q=70&fm=jpg)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6}a{color:var(--pop);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.nav{border-bottom:2px solid var(--accent);border-left:6px solid var(--pop);background:#140a1eb3}.nav .container{display:flex;justify-content:space-between;align-items:center;padding-top:14px;padding-bottom:14px}.nav .brand{display:inline-flex;align-items:center}.nav__logo{height:52px;width:auto;display:block}.nav .links a{color:var(--muted);margin-left:18px;font-size:14px;font-weight:600;transition:color .15s,transform .15s;display:inline-block}.nav .links a.active,.nav .links a:hover{color:var(--pop2);transform:translateY(-2px);text-decoration:none}.hero{padding:80px 0}.hero .label{color:var(--accent-soft);text-transform:uppercase;letter-spacing:4px;font-size:12px}.hero h1{font-family:var(--display);font-size:48px;margin:12px 0}.hero .tagline{color:var(--muted);font-size:18px}.home-hero{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:96px 20px;overflow:hidden;background-image:radial-gradient(circle at 50% 26%,rgba(255,46,136,.42),transparent 55%),radial-gradient(circle at 50% 26%,rgba(255,160,40,.38),transparent 62%),linear-gradient(180deg,#140a1e73,#140a1ef0),var(--hero-image);background-size:cover;background-position:center}.home-hero__inner{position:relative;max-width:760px;animation:heroPop .7s cubic-bezier(.34,1.56,.64,1) both}.home-hero__logo{width:min(540px,84vw);height:auto;display:block;margin:0 auto 4px;filter:drop-shadow(0 6px 22px rgba(0,0,0,.85))}.home-hero .label{color:var(--pop2);text-transform:uppercase;letter-spacing:5px;font-size:13px;font-weight:600}.home-hero h1{font-family:var(--display);font-size:clamp(52px,13vw,104px);line-height:.92;margin:16px 0;color:var(--accent-soft);text-shadow:3px 3px 0 var(--pop),6px 6px 0 rgba(34,211,238,.55),0 10px 40px rgba(0,0,0,.6)}.home-hero .tagline{color:var(--text);opacity:.95;font-size:21px;font-weight:500}.home-hero__cta{margin-top:30px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.badge{display:inline-block;background:var(--pop);color:#fff;font-family:var(--display);font-size:13px;letter-spacing:1px;padding:8px 16px;border-radius:6px;transform:rotate(-4deg);box-shadow:0 6px #0000004d;margin-bottom:6px;animation:badgeWobble 2.6s ease-in-out infinite}@keyframes heroPop{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes badgeWobble{0%,to{transform:rotate(-4deg)}50%{transform:rotate(3deg)}}.section{padding:48px 0}.section h2{font-family:var(--display);font-size:30px;margin-bottom:8px;color:var(--accent-soft)}.label{color:var(--pop);text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:600}.btn{display:inline-block;background:var(--accent);color:#1a1109;padding:12px 24px;border-radius:6px;border:none;cursor:pointer;font-size:15px;font-weight:700;font-family:var(--font);transition:transform .12s ease,box-shadow .12s ease,background .15s;box-shadow:0 4px #00000059}.btn:hover{background:var(--accent-soft);transform:translateY(-3px) rotate(-1.5deg);box-shadow:0 9px 22px #ff8c1a73;text-decoration:none}.btn:active{transform:translateY(0);box-shadow:0 2px #00000059}.btn.secondary{background:var(--pop);color:#fff;box-shadow:0 4px #00000059}.btn.secondary:hover{background:var(--pop2);color:#10212a;box-shadow:0 9px 22px #22d3ee73}.members{list-style:none;padding:0}.members li{padding:8px 0;border-bottom:1px solid var(--border)}.members .role{color:var(--pop2);margin-left:8px;font-size:14px;font-weight:600}.controls{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.controls input,.controls select{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:6px;font-family:var(--font)}.controls input:focus,.controls select:focus{outline:none;border-color:var(--pop)}.setlist h3{font-family:var(--display);color:var(--accent-soft);margin-top:32px}.song{border-bottom:1px solid var(--border)}.song summary{cursor:pointer;padding:12px 0;display:flex;justify-content:space-between;gap:12px}.song summary:hover{color:var(--pop2)}.song summary .meta{color:var(--accent-soft);font-size:14px;font-weight:600}.song .detail{padding:0 0 16px;color:var(--muted);font-size:14px}.song .detail audio{width:100%;margin-top:8px}.form{max-width:420px}.form input[type=email]{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:12px;border-radius:6px;margin-bottom:12px;font-family:var(--font)}.form input[type=email]:focus{outline:none;border-color:var(--pop)}.msg{margin-top:12px;font-size:14px;font-weight:600}.msg.ok{color:var(--ok)}.msg.err{color:var(--danger)}.state{color:var(--muted);padding:24px 0}.footer{border-top:2px solid var(--accent);margin-top:64px}.footer .container{padding:24px 20px;color:var(--muted);font-size:13px}.song .audio{margin-top:.75rem;display:flex;flex-direction:column;gap:.4rem}.song .audio audio{width:100%}.song .rec-date,.song .rec-select{font-size:.85rem;opacity:.8}