:root{--bg-color:#050505;--text-color:#ededed;--primary-red:#d31414;--accent-red:#f33;--surface-color:#0a0a0a;--border-color:#300;--font-primary:"Syncopate", "Futura", system-ui, sans-serif;--font-secondary:"Roboto Mono", "Inter", monospace;--container-width:1400px;--transition-speed:.4s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:url("data:image/svg+xml;utf8,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"%23D31414\" stroke-width=\"2\"/></svg>") 12 12,auto;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.05em;font-weight:700}a,button,.service-row,input{cursor:url("data:image/svg+xml;utf8,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"%23FF3333\" stroke-width=\"2\"/><circle cx=\"12\" cy=\"12\" r=\"4\" fill=\"%23FF3333\"/></svg>") 12 12,pointer!important}a{color:var(--text-color);transition:color var(--transition-speed) ease;text-decoration:none}a:hover{color:var(--accent-red)}.scanlines{pointer-events:none;z-index:9999;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/6px 100%;width:100vw;height:100vh;position:fixed;top:0;left:0}@keyframes glitch-anim{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch-hover:hover{color:var(--accent-red);animation:.3s infinite glitch-anim}.global-player{background-color:var(--surface-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);z-index:999;flex-direction:column;width:100vw;height:90px;display:flex;position:fixed;bottom:0;left:0}.player-progress{background-color:var(--primary-red);height:3px;transition:width .1s linear}.player-content{justify-content:space-between;align-items:center;height:100%;padding:0 2rem;display:flex}.player-cover img{object-fit:cover;border:1px solid var(--border-color);border-radius:2px;width:60px;height:60px}.player-info{flex-direction:column;flex-grow:1;padding:0 1.5rem;display:flex}.player-info h4{letter-spacing:1px;margin:0;font-size:1.1rem}.player-bpm{font-family:var(--font-secondary);opacity:.6;font-size:.8rem}.play-btn{color:var(--text-color);cursor:pointer;border:none;border:1px solid var(--border-color);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:all .3s;display:flex}.play-btn:hover{border-color:var(--primary-red);color:var(--primary-red)}@media (width<=768px){.player-content{padding:0 1rem}.player-cover img{width:45px;height:45px}.player-info h4{font-size:.9rem}}.btn-brutalist{font-family:var(--font-primary);text-transform:uppercase;color:var(--text-color);border:1px solid var(--primary-red);cursor:pointer;z-index:1;background:0 0;padding:1rem 3rem;font-size:1.2rem;font-weight:700;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.btn-brutalist:before{content:"";background:var(--primary-red);z-index:-1;transform-origin:0;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.btn-brutalist:hover:before{transform:scaleX(1)}.btn-brutalist:hover{color:var(--bg-color);box-shadow:0 0 20px #d3141499}.input-huge{border:none;border-bottom:2px solid var(--border-color);width:100%;color:var(--text-color);font-size:1.5rem;font-family:var(--font-secondary);background:0 0;outline:none;padding:1rem 0;transition:all .3s}.input-huge:focus{border-bottom-color:var(--primary-red);box-shadow:0 10px 10px -10px #d3141480}.input-huge::placeholder{color:#ededed4d;text-transform:uppercase;font-size:1rem}.service-row{border-bottom:1px solid var(--border-color);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:3rem 2rem;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex}.beat-core-info{flex-grow:1;align-items:center;gap:1.5rem;display:flex}.beat-cover-container{flex-shrink:0;width:80px;height:80px;position:relative}.service-row:hover{background:var(--primary-red);padding-left:4rem;padding-right:4rem}.service-row:hover *{color:var(--bg-color)!important}.marquee-container{white-space:nowrap;background:var(--surface-color);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);width:100%;padding:1rem 0;overflow:hidden}.marquee-content{font-family:var(--font-primary);color:var(--primary-red);opacity:.5;font-size:2rem;animation:20s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:100;background-color:#050505f2;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;display:flex;position:fixed;top:0}.nav-brand{align-items:center;gap:1rem;display:flex}.nav-logo-img{filter:drop-shadow(0 0 5px #d3141480);height:35px}.nav-logo-text{font-family:var(--font-primary);color:var(--text-color);letter-spacing:2px;text-transform:uppercase;font-size:1rem;font-weight:700}.nav-logo-text span{color:var(--primary-red)}.nav-menu{align-items:center;display:flex}.nav-list{align-items:center;gap:2rem;list-style:none;display:flex}.nav-link{color:var(--text-color);text-transform:uppercase;letter-spacing:1px;font-size:.7rem;font-family:var(--font-secondary);background:0 0;border:none;padding:0}.nav-divider{border-left:1px solid var(--border-color);height:20px;margin:0 1rem}.socials-container{gap:1rem;display:flex}.nav-social{color:var(--text-color);justify-content:center;align-items:center;font-size:1.2rem;transition:color .3s,transform .3s;display:flex}.nav-social:hover{color:var(--primary-red);transform:scale(1.1)}.lang-switcher{gap:5px;display:flex}.lang-btn{color:var(--text-color);opacity:.5;background:0 0;border:none;padding:0 5px;font-size:.8rem;transition:opacity .3s}.lang-btn.active{color:var(--primary-red);opacity:1;font-weight:700}.hamburger{flex-direction:column;gap:5px;display:none}.hamburger span{background-color:var(--text-color);border-radius:2px;width:30px;height:3px;transition:all .3s}@media (width<=900px){.navbar{padding:1rem}.hamburger{display:flex}.hamburger.active span:first-child{background-color:var(--primary-red);transform:translateY(8px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){background-color:var(--primary-red);transform:translateY(-8px)rotate(-45deg)}.nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#050505fa;align-items:flex-start;width:100%;height:100vh;padding-top:4rem;transition:left .4s;position:absolute;top:67px;left:-100%}.nav-menu.open{left:0}.nav-list{flex-direction:column;gap:2.5rem;width:100%}.nav-link{font-size:1.25rem}.nav-divider{border-left:none;border-top:1px solid var(--border-color);width:50%;height:1px;margin:1rem auto}.nav-logo-text{letter-spacing:0;font-size:.9rem}.mobile-hide{display:none!important}.nav-logo-img{height:25px}.btn-brutalist{width:100%;padding:.8rem 1.5rem;font-size:1rem}.service-row{text-align:center;flex-direction:column;gap:1.5rem;padding:2rem 1rem}.beat-core-info{text-align:center;flex-direction:column;gap:1rem}.beat-cover-container{width:120px;height:120px}.beat-action-area{width:100%}.service-row h3,.service-row p{text-align:center!important;width:100%!important}.service-row:hover{padding:2rem 1rem}}@media (width<=768px){html,body{width:100%;overflow-x:hidden}section{padding:3rem 1rem!important}h2{font-size:clamp(1.8rem,8vw,2.5rem)!important}.input-huge{padding:.8rem 0;font-size:1.1rem}.btn-brutalist{width:100%;padding:.8rem 1.2rem;font-size:.9rem}.beat-core-info{gap:.5rem}.beat-cover-container{width:80px;height:80px}.hero-section{justify-content:flex-start!important;height:auto!important;min-height:100svh!important;padding:22vh 1rem 2rem!important}.subtitle-text{letter-spacing:1.5px!important;font-size:.85rem!important}.subtitle-container{max-width:95%;width:auto!important;margin-bottom:2rem!important;padding:.8rem 1.2rem!important}.hide-on-mobile{display:none!important}.hero-logo-bg{opacity:.25!important;width:150vw!important}}