:root{--color-bg:#ffffff;--color-bg-alt:#fafafa;--color-bg-dark:#000000;--color-text:#000000;--color-text-muted:#555555;--color-text-light:#888888;--color-white:#ffffff;--color-border:#e0e0e0;--color-border-light:#f0f0f0;--color-spotify:#1DB954;--color-error:#e53935;--color-success:#43a047;--color-soon:#e53935;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:'JetBrains Mono', monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--transition-fast:0.2s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--transition-bounce:0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);--radius:6px;--radius-lg:12px;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.04);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.06);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.08);--shadow-xl:0 12px 32px rgba(0, 0, 0, 0.1);--shadow-spotify:0 8px 24px rgba(29, 185, 84, 0.4);--nav-height:70px;--ticker-height:30px;--header-total:100px;--z-modal:9999;--z-nav:1000;--z-ticker:999;--z-backtotop:100}@font-face{font-family:'Anisette Std';src:local('Anisette Std Bold'),local('AnisetteStd-Bold');font-weight:700;font-style:normal}@font-face{font-family:'Anisette Std';src:local('Anisette Std Light'),local('AnisetteStd-Light');font-weight:300;font-style:normal}@font-face{font-family:'Anisette Std';src:local('Anisette Std'),local('AnisetteStd-Regular');font-weight:400;font-style:normal}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:1.1rem;line-height:1.7;color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}input,textarea,select,[contenteditable]{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}body.no-scroll{overflow:hidden!important;position:fixed;width:100%}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}ul,ol{list-style:none}::selection{background:var(--color-bg-dark);color:var(--color-white)}::-moz-selection{background:var(--color-bg-dark);color:var(--color-white)}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.section-label{font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);display:block;margin-bottom:var(--space-xs)}.section-title{font-size:clamp(2rem, 5vw, 3.2rem);font-weight:700;margin-bottom:var(--space-lg)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-2xl) 0;position:relative}@media (max-width:768px){.section:last-of-type{padding-bottom:calc(var(--space-2xl) + 60px)}}.section-header{margin-bottom:var(--space-2xl)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:70;transform:rotate(135deg)}100%{stroke-dashoffset:280;transform:rotate(450deg)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);background:var(--color-bg);border-bottom:1px solid var(--color-border-light);height:var(--nav-height);transition:box-shadow var(--transition-base),background var(--transition-base);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.navbar.scrolled{box-shadow:var(--shadow-md);background:rgb(255 255 255 / .95)}.nav-container{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-xl)}.nav-logo-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.nav-logo{display:flex;flex-direction:row;align-items:baseline;gap:8px;transition:opacity var(--transition-fast)}.nav-logo:hover{opacity:.8}.nav-logo .logo-main{font-family:'Anisette Std','Arial Black',sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:.15em;line-height:1}.nav-logo .logo-sub{font-family:'Anisette Std','Arial',sans-serif;font-size:1.2rem;font-weight:300;letter-spacing:.12em;line-height:1;color:#000;opacity:.95}.nav-vibes{font-family:'Anisette Std',var(--font-body);font-size:.81rem;font-weight:400;color:var(--color-text-muted);opacity:.7;letter-spacing:.1em;text-transform:uppercase;line-height:1;margin-top:4px}.nav-links{display:none;align-items:center;gap:var(--space-xl)}@media (min-width:900px){.nav-links{display:flex}}.nav-link{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);transition:color var(--transition-fast);position:relative}.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-bg-dark);transition:width var(--transition-base)}.nav-link:hover{color:var(--color-text)}.nav-link:hover::after{width:100%}.nav-link-merch{position:relative;cursor:default;opacity:.5}.nav-link-merch:hover::after{display:none}.nav-link-merch::before{content:attr(data-tooltip);position:absolute;bottom:-25px;left:50%;transform:translateX(-50%) scale(0);background:var(--color-bg-dark);color:var(--color-white);font-size:.55rem;padding:3px 8px;border-radius:var(--radius);white-space:nowrap;opacity:0;transition:all var(--transition-base);pointer-events:none}.nav-link-merch:hover::before{transform:translateX(-50%) scale(1);opacity:1}.merch-label{position:absolute;top:-8px;right:-20px;background:var(--color-soon);color:var(--color-white);font-size:.45rem;font-weight:700;padding:1px 4px;border-radius:var(--radius);text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.theme-toggle{position:fixed;top:20px;right:20px;z-index:10000;width:50px;height:26px;border-radius:13px;background:#e0e0e0;border:none;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;padding:2px;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.theme-toggle:hover{box-shadow:0 4px 12px rgb(0 0 0 / .15)}.theme-toggle::before{content:'';width:22px;height:22px;border-radius:50%;background:#fff;transition:transform 0.3s cubic-bezier(.4,0,.2,1);transform:translateX(0);box-shadow:0 2px 4px rgb(0 0 0 / .2)}body.dark .theme-toggle{background:#4a4a4a}body.dark .theme-toggle::before{transform:translateX(24px);background:#fff}.theme-toggle .theme-icon{position:absolute;width:14px;height:14px;transition:opacity 0.2s ease;pointer-events:none}.theme-toggle .theme-icon.sun{left:6px;opacity:1}.theme-toggle .theme-icon.moon{right:6px;opacity:0}body.dark .theme-toggle .theme-icon.sun{opacity:0}body.dark .theme-toggle .theme-icon.moon{opacity:1}.nav-actions{display:flex;align-items:center;gap:var(--space-md)}.btn-demo{display:none;padding:var(--space-sm) var(--space-lg);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--color-bg-dark);background:#fff0;border-radius:var(--radius);transition:all var(--transition-base)}@media (min-width:900px){.btn-demo{display:block}}.btn-demo:hover{background:var(--color-bg-dark);color:var(--color-white);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.mobile-menu{position:fixed;inset:0;z-index:calc(var(--z-nav) - 1);background:var(--color-bg);display:flex;align-items:center;justify-content:center;transform:translateX(100%);transition:transform var(--transition-slow) cubic-bezier(.4,0,.2,1);overflow-y:auto}.mobile-menu.open{transform:translateX(0)}.mobile-menu-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-4xl) var(--space-xl)}.mobile-link{font-family:var(--font-body);font-size:1.25rem;text-transform:uppercase;letter-spacing:.08em;position:relative;transition:color var(--transition-base);opacity:0;transform:translateY(20px);animation:fadeInUp 0.5s ease forwards}.mobile-menu.open .mobile-link{animation-delay:calc(var(--i, 0) * 0.1s)}.mobile-link:hover{color:var(--color-text-muted)}.mobile-link-merch{opacity:.5;cursor:default}.btn-demo-mobile{margin-top:var(--space-lg);padding:var(--space-md) var(--space-2xl);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--color-bg-dark);background:var(--color-bg-dark);color:var(--color-white);border-radius:var(--radius);transition:all var(--transition-base);opacity:0;transform:translateY(20px);animation:fadeInUp 0.5s ease 0.6s forwards}.btn-demo-mobile:hover{background:var(--color-text-muted);transform:translateY(-2px);box-shadow:var(--shadow-md)}.ticker-container{position:fixed;top:var(--nav-height);left:0;right:0;z-index:var(--z-ticker);background:var(--color-bg-dark);height:var(--ticker-height);overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}.ticker{display:flex;align-items:center;height:100%}.ticker-content{display:inline-flex;align-items:center;white-space:nowrap;will-change:transform;flex-shrink:0}.ticker-content span{font-family:var(--font-mono);font-size:.6rem;font-weight:500;letter-spacing:.12em;color:var(--color-white);text-transform:uppercase;padding:0 var(--space-md);white-space:nowrap;-webkit-touch-callout:none;-webkit-tap-highlight-color:#fff0;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;text-decoration:none!important;-webkit-user-drag:none}.ticker-content .dot{padding:0 var(--space-xs);opacity:.4}@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-33.333%)}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:var(--header-total);padding-bottom:var(--space-4xl);overflow:hidden}.hero-bg{position:absolute;inset:0;background:#000;filter:grayscale(100%);transition:filter 0.5s ease}.hero:hover .hero-bg{filter:grayscale(80%)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgb(0 0 0 / .75) 0%,rgb(0 0 0 / .5) 100%)}.hero-content{position:relative;z-index:10;text-align:center;padding:var(--space-xl);max-width:800px;animation:fadeInUp 1s ease}.hero-badge{display:inline-block;padding:var(--space-xs) var(--space-md);border:1px solid rgb(255 255 255 / .25);font-family:var(--font-mono);font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:rgb(255 255 255 / .7);margin-bottom:var(--space-xl);border-radius:var(--radius);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all var(--transition-base)}.hero-badge:hover{border-color:rgb(255 255 255 / .5);background:rgb(255 255 255 / .05)}.hero-title{margin-bottom:var(--space-md)}.hero-title{display:flex;flex-direction:row;align-items:baseline;gap:20px;justify-content:center;flex-wrap:wrap}.hero-title .title-main{font-family:'Anisette Std','Arial Black',sans-serif;font-size:clamp(2.5rem, 10vw, 5rem);font-weight:700;color:var(--color-white);text-shadow:0 5px 30px rgb(0 0 0 / .3);line-height:1;animation:fadeInUp 1s ease 0.2s both;letter-spacing:.15em}.hero-title .title-outline{font-family:'Anisette Std','Arial',sans-serif;font-size:clamp(1.1rem, 7vw, 4rem);font-weight:300;color:rgb(255 255 255 / .95);line-height:1;animation:fadeInUp 1s ease 0.3s both;letter-spacing:.12em;animation:fadeInUp 1s ease 0.4s both}.hero-desc{font-family:var(--font-mono);font-size:clamp(0.55rem, 1.2vw, 0.7rem);max-width:90%;margin:0 auto var(--space-xl);text-align:center;letter-spacing:.02em;color:rgb(255 255 255 / .6);text-transform:none;line-height:1.5;animation:fadeInUp 1s ease 0.6s both}@media (max-width:768px){.hero-desc{font-size:.5rem;max-width:95%;line-height:1.4}}.hero-stats{display:flex;justify-content:center;gap:var(--space-2xl);margin-bottom:var(--space-2xl);flex-wrap:wrap;animation:fadeInUp 1s ease 0.8s both}.stat{text-align:center}.stat-number{display:block;font-family:var(--font-body);font-size:1.5rem;font-weight:700;color:var(--color-white);margin-bottom:var(--space-xs)}.stat-label{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:rgb(255 255 255 / .5)}.hero-actions{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap;animation:fadeInUp 1s ease 1s both}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius);transition:all var(--transition-base);position:relative;overflow:hidden}.btn-primary{background:var(--color-white);color:var(--color-bg-dark);border:1px solid var(--color-white)}.btn-primary::before{content:'';position:absolute;inset:0;background:var(--color-bg-dark);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-base);z-index:-1}.btn-primary:hover{color:var(--color-white);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:hover::before{transform:scaleX(1);transform-origin:left}.btn-secondary{background:#fff0;color:var(--color-white);border:1px solid rgb(255 255 255 / .4)}.btn-secondary:hover{border-color:var(--color-white);background:var(--color-white);color:var(--color-bg-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.spotify-icon{width:14px;height:14px;flex-shrink:0}.scroll-indicator{position:absolute;bottom:var(--space-xl);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);color:rgb(255 255 255 / .4);animation:fadeInUp 1s ease 1.2s both}.scroll-indicator span{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.15em;text-transform:uppercase}.scroll-line{width:1px;height:30px;background:linear-gradient(to bottom,rgb(255 255 255 / .4),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,100%{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}.about{background:linear-gradient(to bottom,var(--color-white) 0%,var(--color-bg-alt) 100%)}.about-content{display:grid;grid-template-columns:1fr;gap:var(--space-2xl)}@media (min-width:768px){.about-content{grid-template-columns:1.5fr 1fr}}.about-text .lead{font-size:1.2rem;font-weight:600;margin-bottom:var(--space-md);color:var(--color-text);line-height:1.7}.about-text p{color:var(--color-text-muted);margin-bottom:var(--space-md);font-size:1.05rem;line-height:1.7}.about-text p:last-child{margin-bottom:0}.about-links{display:flex;flex-direction:column;gap:var(--space-sm)}.platform-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius);transition:all var(--transition-base);position:relative;overflow:hidden}.platform-link::before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;background:var(--color-bg-dark);transition:width var(--transition-base);z-index:0}.platform-link:hover{border-color:var(--color-bg-dark);transform:translateX(5px);box-shadow:var(--shadow-md)}.platform-link:hover::before{width:100%}.platform-link:hover .platform-name,.platform-link:hover .platform-arrow{color:var(--color-white);position:relative;z-index:1}.platform-link-donate{background:var(--color-bg-dark);color:var(--color-white);border-color:var(--color-bg-dark)}.platform-link-donate::before{background:var(--color-text-muted)}.platform-link-donate .platform-name,.platform-link-donate .platform-arrow{color:var(--color-white)}.platform-link-donate:hover{box-shadow:var(--shadow-lg)}.platform-name{font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;position:relative;z-index:1;transition:color var(--transition-base)}.platform-arrow{font-size:1rem;transition:transform var(--transition-fast),color var(--transition-base);position:relative;z-index:1}.platform-link:hover .platform-arrow{transform:translateX(5px)}.releases{background:linear-gradient(to bottom,var(--color-bg-alt) 0%,var(--color-white) 100%)}.player-wrapper{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media (min-width:768px){.player-wrapper{grid-template-columns:2fr 1fr;align-items:start}}.player-container{border:0 solid var(--color-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base)}.player-container:hover{box-shadow:var(--shadow-lg)}.player-container iframe{display:block;width:100%;border:none}.player-info{display:flex;flex-direction:column;gap:var(--space-lg)}.player-stats{display:flex;flex-direction:column;gap:var(--space-sm)}.player-stat{padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.player-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-border)}.player-stat-label{display:block;font-family:var(--font-mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-light);margin-bottom:2px}.player-stat-value{font-size:.85rem;font-weight:600;color:var(--color-text)}.btn-spotify{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-spotify);color:var(--color-white);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius);transition:all 0.15s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 12px rgb(29 185 84 / .3);border:none;cursor:pointer;user-select:none;-webkit-user-select:none}.btn-spotify:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(29 185 84 / .4);background:#1ed760}.btn-spotify:active{transform:translateY(0) scale(.98);box-shadow:0 2px 6px rgb(29 185 84 / .3);background:#1DB954}.btn-spotify::before{content:'';position:absolute;inset:0;border-radius:var(--radius);background:#fff0;transition:background 0.15s ease}.btn-spotify:active::before{background:rgb(0 0 0 / .1)}.btn-spotify svg{width:16px;height:16px;flex-shrink:0;position:relative;z-index:1}.artists{background:linear-gradient(to bottom,var(--color-white) 0%,var(--color-bg-alt) 100%)}.artists-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media (min-width:640px){.artists-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.artists-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1100px){.artists-grid{grid-template-columns:repeat(5,1fr)}}.artists-hint{text-align:center;margin-top:var(--space-xl);font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-light);letter-spacing:.08em}.artist-card{display:flex;flex-direction:column;border:none;border-radius:6px;background:#fff;overflow:hidden;transition:box-shadow 0.3s ease}.artist-card:hover{box-shadow:0 8px 24px rgb(0 0 0 / .12)}.artist-card.founder{border:1px solid #000}.card-image-section{position:relative;width:100%;aspect-ratio:1/1;perspective:1000px;overflow:hidden}.card-image-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.6s cubic-bezier(.4,0,.2,1)}.card-image-section:hover .card-image-inner{transform:rotateY(180deg)}.card-image-front,.card-image-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-image-front img,.card-image-back img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter 0.4s ease}.card-image-section:hover .card-image-front img{filter:grayscale(50%)}.card-image-back{transform:rotateY(180deg);background:#000;display:flex;align-items:center;justify-content:center}.card-image-back img{opacity:.3;filter:grayscale(100%) blur(2px)}.card-badge{position:absolute;top:8px;left:8px;width:24px;height:24px;z-index:5;text-decoration:none;transition:transform 0.2s ease;border-radius:4px;overflow:hidden}.card-badge img{width:100%;height:100%;object-fit:contain}.card-badge:hover{transform:scale(1.1)}.card-spotify-btn{position:absolute;z-index:10;display:flex;align-items:center;gap:6px;padding:8px 16px;background:#1DB954;color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;border-radius:6px;transition:all 0.3s ease}.card-spotify-btn svg{width:16px;height:16px}.card-spotify-btn:hover{background:#1ed760;transform:scale(1.05)}.card-info-section{display:flex;align-items:center;padding:12px 16px;border-top:2px solid #000;background:#fff}.card-name{flex:1;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-divider{width:1px;height:24px;background:#000;margin:0 12px}.like-btn{position:relative;display:flex;align-items:center;gap:6px;background:#fff0;border:none;padding:4px;cursor:pointer;transition:transform 0.2s ease}.like-btn:hover{transform:scale(1.1)}.like-btn:active{transform:scale(.95)}.like-btn .heart-icon{width:20px;height:20px;fill:none;stroke:#000;stroke-width:2;transition:all 0.3s cubic-bezier(.4,0,.2,1)}.like-btn:hover .heart-icon{stroke:#e53935}.like-btn.liked .heart-icon{fill:#e53935;stroke:#e53935}.like-btn .like-count{font-size:13px;font-weight:600;color:#000;min-width:16px}.like-btn.liked .like-count{color:#e53935}.like-btn.animate .heart-icon{animation:heartPop 0.5s cubic-bezier(.4,0,.2,1)}@keyframes heartPop{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.9)}100%{transform:scale(1)}}.like-btn .particles{position:absolute;top:50%;left:50%;pointer-events:none}.like-btn .particle{position:absolute;width:4px;height:4px;background:#e53935;border-radius:50%;opacity:0}.like-btn.animate .particle{animation:particleBurst 0.6s ease-out forwards}.like-btn.animate .particle:nth-child(1){--angle:0deg;--distance:20px}.like-btn.animate .particle:nth-child(2){--angle:45deg;--distance:18px;animation-delay:0.05s}.like-btn.animate .particle:nth-child(3){--angle:90deg;--distance:22px;animation-delay:0.1s}.like-btn.animate .particle:nth-child(4){--angle:135deg;--distance:16px;animation-delay:0.05s}.like-btn.animate .particle:nth-child(5){--angle:180deg;--distance:20px}.like-btn.animate .particle:nth-child(6){--angle:225deg;--distance:18px;animation-delay:0.1s}.like-btn.animate .particle:nth-child(7){--angle:270deg;--distance:22px;animation-delay:0.05s}.like-btn.animate .particle:nth-child(8){--angle:315deg;--distance:16px}@keyframes particleBurst{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0)}100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--distance) * -1))}}.artists-hint{text-align:center;font-size:12px;color:#888;margin-top:var(--space-lg);font-style:italic}.team{background:linear-gradient(to bottom,var(--color-bg-alt) 0%,var(--color-white) 100%)}.team-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media (min-width:640px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.team-grid{grid-template-columns:repeat(2,1fr)}}.key-card{display:flex;flex-direction:column;border:none;border-radius:6px;background:#fff;overflow:hidden;transition:box-shadow 0.3s ease}.key-card:hover{box-shadow:0 8px 24px rgb(0 0 0 / .12)}.key-card .card-image-section{position:relative;width:100%;aspect-ratio:1/1;perspective:1000px;overflow:hidden}.key-card .card-image-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.6s cubic-bezier(.4,0,.2,1)}.key-card .card-image-section:hover .card-image-inner{transform:rotateY(180deg)}.key-card .card-image-front,.key-card .card-image-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.key-card .card-image-front img,.key-card .card-image-back img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter 0.4s ease}.key-card .card-image-section:hover .card-image-front img{filter:grayscale(50%)}.key-card .card-image-back{transform:rotateY(180deg);background:#000;display:flex;align-items:center;justify-content:center}.key-card .card-image-back img{opacity:.3;filter:grayscale(100%) blur(2px)}.key-back-content-overlay{position:absolute;z-index:10;text-align:center;color:#fff;padding:20px;max-width:90%}.key-back-content-overlay .key-back-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;color:#fff;text-shadow:0 2px 8px rgb(0 0 0 / .8)}.key-back-content-overlay .key-back-bio{font-size:.7rem;line-height:1.5;color:rgb(255 255 255 / .9);text-shadow:0 1px 4px rgb(0 0 0 / .8);margin-bottom:12px}.key-card .card-role{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.05em}.key-back-links{display:flex;gap:10px;justify-content:center;margin-top:8px}.key-link-btn{width:36px;height:36px;border-radius:50%;background:rgb(255 255 255 / .2);display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.key-link-btn svg{width:18px;height:18px;fill:#fff}.key-link-btn:hover{background:#1DB954;transform:scale(1.1)}.key-link-btn.instagram:hover{background:#E1306C}.contact{background:var(--color-bg-dark);color:var(--color-white);text-align:center;position:relative;overflow:hidden}.contact::before{content:'';position:absolute;inset:0;background:url(../img/bg.png) center/cover no-repeat;filter:grayscale(100%) brightness(.1);opacity:.3;z-index:0}.contact-content{position:relative;z-index:1;max-width:500px;margin:0 auto}.contact-title{font-size:clamp(1.5rem, 4vw, 2.2rem);margin-bottom:var(--space-sm);color:var(--color-white)}.contact-text{font-size:.9rem;color:rgb(255 255 255 / .6);margin-bottom:var(--space-xl);line-height:1.7}.btn-primary-large{padding:var(--space-md) var(--space-2xl);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:var(--color-white);color:var(--color-bg-dark);border:2px solid var(--color-white);border-radius:var(--radius);transition:all var(--transition-base);display:inline-block}.btn-primary-large:hover{background:#fff0;color:var(--color-white);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.footer{position:relative;background:var(--color-bg-dark);color:var(--color-white);padding:var(--space-4xl) 0 var(--space-xl);overflow:hidden}.footer-bg{position:absolute;inset:0;background:url(../img/bg.png) center center/cover no-repeat;background-size:cover;background-position:center;background-repeat:no-repeat;filter:grayscale(100%);opacity:.15}.footer-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,var(--color-bg-dark) 0%,transparent 20%,transparent 80%,var(--color-bg-dark) 100%)}.footer-content{position:relative;z-index:10}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}@media (min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-brand{max-width:300px}.footer-logo{display:flex;flex-direction:row;align-items:baseline;gap:8px;margin-bottom:var(--space-sm)}.footer-logo .logo-main{font-family:'Anisette Std','Arial Black',sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:.15em;line-height:1}.footer-logo .logo-sub{font-family:'Anisette Std','Arial',sans-serif;font-size:1.1rem;font-weight:300;letter-spacing:.12em;line-height:1;color:#fff;opacity:.95}.footer-slogan{font-family:var(--font-mono);font-size:.55rem;color:var(--color-white);opacity:.6;margin-bottom:var(--space-sm);line-height:1.4;letter-spacing:.02em;text-transform:none;max-width:100%;word-wrap:break-word}@media (max-width:768px){.footer-slogan{font-size:.5rem;line-height:1.3}}.footer-desc{font-family:var(--font-mono);font-size:.75rem;color:var(--color-white);opacity:.7;margin-bottom:var(--space-md);line-height:1.6}.footer-copy{font-family:var(--font-mono);font-size:.6rem;color:var(--color-white);opacity:.4;letter-spacing:.05em}.footer-heading{font-family:var(--font-mono);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md);color:var(--color-white)}.footer-list li{margin-bottom:var(--space-sm)}.footer-list a{font-family:var(--font-mono);font-size:.75rem;color:var(--color-white);opacity:.7;transition:opacity var(--transition-fast),transform var(--transition-fast);display:inline-block}.footer-list a:hover{opacity:1;transform:translateX(3px)}.footer-merch-link{position:relative;opacity:0.4!important;cursor:default}.footer-merch-link:hover{transform:none}.footer-bottom{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid rgb(255 255 255 / .1);text-align:center}.created-by{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-white);opacity:.3}.heart-pulse{display:inline-block;color:#ff1744;animation:heartPulse 1.5s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 0 4px rgb(255 23 68 / .6))}@keyframes heartPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.9}}.heart-pulse:hover{animation:heartPulse 0.8s ease-in-out infinite;filter:drop-shadow(0 0 8px rgb(255 23 68 / .9))}.back-to-top{position:fixed;bottom:25px;right:25px;width:40px;height:40px;background:var(--color-bg-dark);color:var(--color-white);border-radius:var(--radius);display:none;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(15px);transition:all var(--transition-base);z-index:var(--z-backtotop);box-shadow:var(--shadow-lg);transform:translateZ(0);will-change:transform,opacity}@media (min-width:769px){.back-to-top{display:flex}}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);background:var(--color-text-muted)}.back-to-top svg{width:18px;height:18px;stroke:currentColor}.modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition-base);padding:var(--space-lg)}.modal.active{opacity:1;visibility:visible}.modal-backdrop{position:absolute;inset:0;background:rgb(0 0 0 / .85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-content{position:relative;width:90%;max-width:400px;background:var(--color-bg);border:1px solid var(--color-border);padding:var(--space-2xl) var(--space-xl);border-radius:var(--radius);transform:translateY(20px) scale(.95);transition:transform var(--transition-base);box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto}.modal.active .modal-content{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:color var(--transition-fast),transform var(--transition-fast);border-radius:var(--radius)}.modal-close:hover{color:var(--color-text);transform:rotate(90deg)}.modal-close svg{width:20px;height:20px;stroke:currentColor}.modal-header{text-align:center;margin-bottom:var(--space-xl)}.modal-title{font-size:1.2rem;font-weight:700;margin-bottom:var(--space-xs)}.modal-subtitle{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.demo-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{position:relative}.form-group input,.form-group textarea{width:100%;padding:var(--space-sm) 0;font-family:var(--font-mono);font-size:.8rem;background:#fff0;border:none;border-bottom:1px solid var(--color-border);outline:none;transition:border-color var(--transition-fast);border-radius:0;color:var(--color-text)}.form-group textarea{resize:none;border:1px solid var(--color-border);padding:var(--space-sm);border-radius:var(--radius);margin-top:var(--space-xs);min-height:80px}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-bg-dark)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-light);text-transform:uppercase;font-size:.6rem;letter-spacing:.08em}.error-msg{display:none;margin-top:var(--space-xs);font-family:var(--font-mono);font-size:.55rem;color:var(--color-error);text-transform:uppercase;letter-spacing:.05em;padding-left:var(--space-sm);border-left:2px solid var(--color-error)}.form-group.error input,.form-group.error textarea{border-color:var(--color-error)}.form-group.error .error-msg{display:block}.btn-submit{width:100%;padding:var(--space-md);background:var(--color-bg-dark);color:var(--color-white);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius);transition:all var(--transition-base);margin-top:var(--space-sm)}.btn-submit:hover{background:var(--color-text-muted);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-submit:active{transform:translateY(0)}.success-message{display:none;position:absolute;inset:0;background:var(--color-bg);flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:var(--radius);padding:var(--space-xl);z-index:10}.success-message.show{display:flex;animation:fadeInUp 0.5s ease}.success-icon{width:50px;height:50px;border-radius:50%;background:var(--color-success);color:var(--color-white);font-size:1.25rem;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);animation:scaleIn 0.5s ease}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.success-message h4{font-size:1rem;margin-bottom:var(--space-xs)}.success-message p{font-size:.8rem;color:var(--color-text-muted)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp 0.5s ease forwards}@keyframes fadeInUpFlip{0%{opacity:.8;transform:translateY(10px) rotateY(0deg)}50%{opacity:.9;transform:translateY(5px) rotateY(90deg)}100%{opacity:1;transform:translateY(0) rotateY(180deg)}}@media (max-width:640px){.container{padding:0 var(--space-md)}.section{padding:var(--space-3xl) 0}.hero-stats{gap:var(--space-xl)}.stat-number{font-size:1.25rem}.hero-actions{flex-direction:column;width:100%;max-width:250px;margin:0 auto}.btn-primary,.btn-secondary{width:100%;justify-content:center}.key-card-inner{min-height:250px}.artists-grid{gap:var(--space-sm)}.about-content{gap:var(--space-xl)}.player-wrapper{gap:var(--space-lg)}.modal-content{padding:var(--space-xl) var(--space-lg)}.footer-grid{gap:var(--space-xl)}.nav-container{padding:0 var(--space-md)}.nav-vibes{font-size:.45rem;letter-spacing:.1em}}@media (max-width:480px){.hero-title .title-main{font-size:2.5rem}.hero-title .title-outline{font-size:2rem}.section-title{font-size:1.5rem}.artists-grid{grid-template-columns:1fr}.back-to-top{bottom:15px;right:15px;width:35px;height:35px}}@media (min-width:1400px){.container{max-width:1400px}}.artist-card,.key-card,.platform-link,.btn-primary,.btn-secondary,.btn-spotify,.back-to-top,.modal-content{transform:translateZ(0);will-change:transform}@media print{.navbar,.ticker-container,.mobile-menu,.back-to-top,.modal,.scroll-indicator{display:none!important}.section{page-break-inside:avoid}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#000;color:#fff;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:9999;transform:translateY(100%);transition:transform 0.4s ease}.cookie-banner.show{transform:translateY(0)}.cookie-banner p{font-size:13px;margin:0;flex:1}.cookie-banner .btn-accept{background:#fff;color:#000;border:none;padding:8px 20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all 0.2s ease}.cookie-banner .btn-accept:hover{background:#e5e5e5}@media (max-width:600px){.cookie-banner{flex-direction:column;text-align:center}}@media (prefers-contrast:high){:root{--color-border:#000000;--color-border-light:#000000;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.2);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.3)}}body.dark{background:#000;color:#fff}body.dark .navbar{background:#0a0a0a;border-bottom-color:#1a1a1a}body.dark .nav-logo .logo-main,body.dark .nav-logo .logo-sub{color:#fff!important}body.dark .nav-vibes{color:#999!important}body.dark .nav-link{color:#fff!important}body.dark .nav-link:hover{color:#ccc!important}body.dark .btn-demo{background:#fff!important;color:#000!important;border-color:#fff!important}body.dark .btn-demo:hover{background:#e5e5e5!important}body.dark .ticker-container{background:#0a0a0a;border-top-color:#1a1a1a}body.dark .ticker-content span{color:#999}body.dark .section{background:#000}body.dark .artist-card,body.dark .key-card{background:#0a0a0a;border-color:#1a1a1a}body.dark .card-info-section{background:#0a0a0a;border-top-color:#1a1a1a}body.dark .card-name,body.dark .card-role{color:#fff}body.dark .card-divider{background:#333}body.dark .like-btn .heart-icon{stroke:#999}body.dark .like-btn:hover .heart-icon{stroke:#e53935}body.dark .like-btn .like-count{color:#999}body.dark .footer{background:#0a0a0a}body.dark .footer-logo .logo-main,body.dark .footer-logo .logo-sub{color:#fff}body.dark .hero-title .title-main,body.dark .hero-title .title-outline{color:#fff}body.dark .section-title{color:#fff!important}body.dark .section-label{color:#999!important}body.dark .hero-desc{color:#ccc!important}body.dark .hero-badge{color:#fff!important;border-color:#333!important}body.dark .btn-primary{background:#fff;color:#000}body.dark .btn-primary:hover{background:#e5e5e5}body.dark .btn-secondary{background:#1a1a1a;color:#fff;border-color:#333}body.dark .btn-secondary:hover{background:#2a2a2a}body.dark .cookie-banner{background:#1a1a1a;border-top-color:#333}body.dark .about{background:linear-gradient(to bottom,#000 0%,#0a0a0a 100%)}body.dark .about-text .lead,body.dark .about-text p{color:#ccc!important}body.dark .platform-link{background:#1a1a1a!important;border-color:#333!important;color:#fff!important}body.dark .platform-link:hover{background:#2a2a2a!important;border-color:#555!important}body.dark .platform-name,body.dark .platform-arrow{color:#fff!important}body.dark .mobile-menu{background:#0a0a0a!important;border-color:#1a1a1a!important}body.dark .mobile-menu .nav-link{color:#fff!important}body.dark .hamburger span{background:#fff!important}@media (max-width:768px){.theme-toggle{position:static;width:44px;height:24px;margin:0;flex-shrink:0}.theme-toggle::before{width:20px;height:20px}body.dark .theme-toggle::before{transform:translateX(20px)}.theme-toggle .theme-icon{display:none!important}}.mobile-tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:998;background:#fff;border-top:1px solid var(--color-border);display:none;padding:6px 0 calc(6px + env(safe-area-inset-bottom));box-shadow:0 -2px 10px rgb(0 0 0 / .05);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-tab-bar::-webkit-scrollbar{display:none}@media (max-width:768px){.mobile-tab-bar{display:flex;justify-content:space-around;align-items:center;gap:4px}}.tab-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 8px;color:var(--color-text-muted);transition:color var(--transition-fast);text-decoration:none;border:none;background:none;cursor:pointer;font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;min-width:50px;flex-shrink:0}.tab-item svg{transition:transform var(--transition-fast);flex-shrink:0}.tab-item:active svg{transform:scale(.9)}.tab-item:active,.tab-item.active{color:var(--color-text)}.tab-demo{background:var(--color-bg-dark);color:var(--color-white);border-radius:var(--radius);padding:4px 10px}.tab-demo:active{background:var(--color-text-muted);color:var(--color-white)}body.dark .mobile-tab-bar{background:#0a0a0a;border-top-color:#1a1a1a}body.dark .tab-item{color:#999}body.dark .tab-item:active,body.dark .tab-item.active{color:#fff}body.dark .tab-demo{background:#1a1a1a}body.dark .tab-demo:active{background:#2a2a2a}