:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#212121;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-family:inherit;transition:all .2s ease}input,select,textarea{font-family:inherit;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header{position:fixed;top:0;left:0;right:0;z-index:1000;height:75px;background-color:#212121;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000001a}.header button{padding:0!important;margin:0!important;border-radius:0!important}.header-content{display:flex;justify-content:center;align-items:center;width:100%}.logo{display:flex;align-items:center;gap:.5rem}.logo-image{height:75px}.logo h1{margin:0;font-size:3rem;font-weight:700;color:#333;letter-spacing:-.02em}.logo p{margin:0;font-size:1.2rem;color:#666;font-weight:300}.nav-desktop{display:flex;gap:2rem;align-items:center}.nav-link{background:none;border:none;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;padding:.5rem 0!important;margin:0!important;transition:all .3s ease;position:relative}.nav-link:hover{color:#667eea;transform:translateY(-1px)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#667eea;transition:width .3s ease}.nav-link:hover:after{width:100%}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0!important;margin:0}.hamburger-line{width:100%;height:3px;background-color:#fff;transition:all .3s ease;transform-origin:center}.hamburger-line.active:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-line.active:nth-child(2){opacity:0}.hamburger-line.active:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-mobile{display:none;flex-direction:column;background-color:#212121;border-top:1px solid #333;padding:1rem 0;position:absolute;top:100%;left:0;right:0;z-index:1000;transform:translateY(-100%);opacity:0;transition:all .3s ease}.nav-mobile.open{transform:translateY(0);opacity:1}.nav-mobile .nav-link{padding:1rem 2rem!important;text-align:left;border-bottom:1px solid #333;margin:0!important}.nav-mobile .nav-link:last-child{border-bottom:none}@media (max-width: 768px){.header{position:relative;justify-content:flex-end!important}.header .container{margin:0!important;padding:0 1rem!important;max-width:none!important}.header-content{justify-content:flex-end!important;padding-right:0;width:100%}.nav-desktop{display:none}.hamburger,.nav-mobile{display:flex}.logo h1{font-size:2.5rem}.logo p{font-size:1rem}}.newsletter-section{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.newsletter-section h3{margin:0 0 1rem;color:#333;font-size:1.5rem}.newsletter-description{margin:0 0 1.5rem;color:#666;font-size:.95rem;line-height:1.5;max-width:400px}.newsletter-form{max-width:400px;margin:0 auto}.mailchimp-form{display:flex;gap:.5rem;flex-wrap:wrap}.email-input{flex:1;min-width:200px;padding:12px 16px;border:1px solid #ddd;border-radius:4px;font-size:16px}.subscribe-button{background-color:#000;color:#fff;padding:12px 24px;border:none;border-radius:4px;width:100%;font-size:16px;font-weight:500;transition:background-color .2s ease}.subscribe-button:hover{background-color:#333}.hero-section .newsletter-section h3{color:#fff;font-size:1.75rem;margin-bottom:1rem}.hero-section .newsletter-description{color:#ffffffe6;font-size:1rem;margin-bottom:1.5rem}.hero-section .email-input{background-color:#ffffffe6;border:1px solid rgba(255,255,255,.3);color:#333}.hero-section .email-input::placeholder{color:#666}.hero-section .email-input:focus{background-color:#fff;border-color:#fffc;outline:none;box-shadow:0 0 0 3px #fff3}.hero-section .subscribe-button{background-color:#fff3;color:#fff;border:2px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-section .subscribe-button:hover{background-color:#ffffff4d;border-color:#ffffffb3}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 0}.hero-content{display:flex;align-items:center;gap:4rem;max-width:1200px;margin:0 auto}.hero-left,.hero-right{flex:1}.profile-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.profile-image{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0003;margin-bottom:1.5rem}.hero-connect{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.hero-logo{height:60px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.hero-tagline{font-size:1.25rem;margin:0;opacity:.9;font-weight:300}.hero-social-image{width:30px;height:30px;color:#fff}.hero-social-links{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}.hero-social-link{display:flex;align-items:center;justify-content:center;text-align:center;gap:.75rem;padding:.75rem 1rem;background-color:#ffffff1a;border-radius:8px;color:#fff;text-decoration:none;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);font-weight:500}.hero-social-link:hover{background-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.hero-social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:transparent}.hero-social-link.soundcloud:hover{background-color:#f80;border-color:transparent}.hero-social-link svg{flex-shrink:0;transition:transform .3s ease}.hero-social-link:hover svg{transform:scale(1.1)}@media (max-width: 768px){.hero-section{padding:2rem 0}.hero-content{flex-direction:column;gap:2rem;text-align:center}.hero-left,.hero-right{flex:none}.profile-image{width:150px;height:150px}.hero-logo{height:50px}.hero-tagline{font-size:1.1rem}}@media (max-width: 480px){.hero-logo{height:40px}.profile-image{width:120px;height:120px}}.loop-showcase{background:linear-gradient(135deg,#f8f9ff,#e8ecff);min-height:60vh;padding:2rem 0}.info-section{text-align:center;margin-bottom:3rem;padding:2rem;background:#ffffffb3;border-radius:12px;box-shadow:0 4px 20px #667eea1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-section p{color:#5a6c7d;font-size:1.1rem;line-height:1.6;max-width:800px;margin:0 auto}.tag-link{color:#667eea;text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:all .2s ease}.tag-link:hover{color:#5a67d8;border-bottom-color:#5a67d8}.search-section{margin-bottom:2rem}.search-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.search-input{width:100%;max-width:500px;margin:0 auto;padding:12px 16px;font-size:16px;border:2px solid #e9ecef;border-radius:8px;transition:border-color .2s ease}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center}.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;min-width:100px}.clear-button{background-color:#667eea;color:#fff;padding:8px 16px;border-radius:4px;font-size:14px;transition:all .2s ease;box-shadow:0 2px 4px #667eea33}.clear-button:hover{background-color:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.results-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 1rem}.results-info p{margin:0;font-weight:500;color:#666}.tag-download{color:#007bff;text-decoration:none;font-weight:500}.tag-download:hover{text-decoration:underline}.loops-table{background-color:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr 1fr;background-color:#868686;color:#fff;border-bottom:2px solid #e9ecef;font-weight:600}.header-cell{padding:1rem;text-align:center;border-right:1px solid #e9ecef}.header-cell:last-child{border-right:none}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr 1fr;border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.table-row:hover{background-color:#f8f9fa}.table-row:last-child{border-bottom:none}.table-cell{padding:1rem;text-align:center;border-right:1px solid #e9ecef;display:flex;align-items:center;justify-content:center}.table-cell:last-child{border-right:none}.table-cell:first-child{text-align:left;justify-content:flex-start}.player-cell{padding:.5rem}.download-button{background-color:#667eea;color:#fff;border:none;border-radius:4px;padding:8px 12px;font-size:14px;transition:all .2s ease;box-shadow:0 2px 4px #667eea33}.download-button:hover{background-color:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.pagination-container{display:flex;justify-content:center;margin-top:2rem}.pagination{display:flex;list-style:none;padding:0;margin:0;gap:.5rem}.pagination li{cursor:pointer}.pagination a{display:block;padding:8px 12px;border:1px solid #000000;border-radius:4px;color:#000;text-decoration:none;transition:all .2s ease}.pagination a:hover,.pagination .active a{background-color:#667eea;color:#fff;border-color:#667eea}@media (max-width: 768px){.filters{flex-direction:row;align-items:stretch}.filter-select{min-width:auto}.loops-table{background-color:transparent;box-shadow:none;width:100%;margin:0}.table-header{display:none}.table-row{display:block;background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1rem;padding:1rem;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;width:100%;box-sizing:border-box}.table-row:hover{background-color:#f8f9fa;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.table-cell:first-child{display:block;text-align:center;font-weight:700;font-size:1.1rem;padding:0 0 1rem;border:none;border-bottom:1px solid #e9ecef;margin-bottom:1rem}.table-cell:nth-child(2),.table-cell:nth-child(3),.table-cell:nth-child(4){display:inline-block;width:33.333%;text-align:center;padding:.5rem .25rem;border:none;border-right:1px solid #f1f3f4;font-size:.9rem;vertical-align:top}.table-cell:nth-child(4){border-right:none}.table-cell:nth-child(2):before{content:"BPM";display:block;font-weight:600;color:#667eea;font-size:.8rem;margin-bottom:.25rem}.table-cell:nth-child(3):before{content:"Key";display:block;font-weight:600;color:#667eea;font-size:.8rem;margin-bottom:.25rem}.table-cell:nth-child(4):before{content:"Pack";display:block;font-weight:600;color:#667eea;font-size:.8rem;margin-bottom:.25rem}.table-cell:nth-child(5){display:block;width:100%;padding:1rem 0;border:none;border-top:1px solid #f1f3f4;border-bottom:1px solid #f1f3f4;margin:.5rem 0}.table-cell:last-child{display:block;text-align:center;padding:.5rem 0 0;border:none}.download-button{min-width:44px;min-height:44px;width:100%;padding:.5rem 1rem;display:flex;align-items:center;justify-content:center;border-radius:6px}.player-cell{min-height:50px}.player-cell .react-player{border-radius:4px}.results-info{flex-direction:column;gap:.5rem;text-align:center}.info-section{padding:1.5rem;margin-bottom:2rem}.info-section h2{font-size:1.5rem}.info-section p{font-size:1rem}.loop-showcase .container{padding:0 1rem;max-width:none}}.loading-state,.error-state{text-align:center;padding:4rem 2rem;color:#666}.loading-state p{font-size:1.2rem;margin:0}.error-state p{font-size:1.1rem;margin-bottom:1rem;color:#dc3545}.retry-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .2s ease}.retry-button:hover{background-color:#0056b3}.placements{background:linear-gradient(135deg,#f8f9ff,#e8ecff);min-height:60vh;padding:2rem 0}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.info-section{text-align:center;margin-bottom:3rem;padding:2rem;width:100%;background:#ffffffb3;border-radius:12px;box-shadow:0 4px 20px #667eea1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-section h2{color:#4a5568;font-size:2rem;font-weight:600;margin:0 0 1rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.info-section p{color:#5a6c7d;font-size:1.1rem;line-height:1.6;margin:0 auto}.info-section strong{color:#667eea;font-weight:600}.carousel-container{display:flex;align-items:center;gap:2rem;width:100%;max-width:1200px;margin:0 auto}.carousel-btn{background-color:#667eea;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea4d;flex-shrink:0}.carousel-btn.disabled{background-color:#ccc;cursor:not-allowed}.carousel-btn.disabled:hover{background-color:#ccc;transform:none;box-shadow:none}.carousel-btn:hover{background-color:#5a67d8;transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.carousel-btn:active{transform:translateY(0)}.videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;flex:1;min-height:250px}.video-item{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;width:100%;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.video-item:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000026}.video-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .3s ease}.video-thumbnail:hover{transform:scale(1.02)}.play-button{background:#000000b3;border-radius:50%;padding:10px;transition:all .3s ease}.play-button:hover{background:#000000e6;transform:scale(1.1)}.video-title{padding:1rem;margin:0;font-size:1rem;font-weight:600;color:#4a5568;text-align:center;background:#fff}.carousel-indicators{display:flex;justify-content:center;align-items:center}.carousel-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.indicator-text{background:#fffc;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:#667eea;font-weight:500;box-shadow:0 2px 8px #667eea33}@media (max-width: 768px){.carousel-container{flex-direction:column;gap:1rem}.videos-grid{grid-template-columns:1fr;gap:1.5rem;order:2}.carousel-buttons{order:3;flex-direction:row;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}.carousel-btn{width:40px;height:40px;font-size:1.2rem}.carousel-indicators{margin:0}.video-item{max-width:400px;margin:0 auto}}@media (max-width: 480px){.videos-grid{gap:1rem}.video-title{padding:.75rem;font-size:.9rem}.carousel-btn{width:35px;height:35px;font-size:1rem}.carousel-buttons{gap:.75rem}.indicator-text{padding:.4rem .8rem;font-size:.8rem}}.footer{background-color:#212121;padding:3rem 2rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start}.social-section{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.social-section h4{margin:0 0 1.5rem;color:#fff;font-size:1.3rem;font-weight:600}.footer-social-image{width:30px;height:30px;color:#fff}.footer-social-links{display:flex;flex-direction:row;gap:1rem}.footer-social-link{display:flex;align-items:center;justify-content:center;text-align:center;gap:.75rem;padding:.75rem 1rem;background-color:#ffffff1a;border-radius:8px;color:#fff;text-decoration:none;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);font-weight:500}.footer-social-link:hover{background-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.footer-social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:transparent}.footer-social-link.soundcloud:hover{background-color:#f80;border-color:transparent}.footer-social-link svg{flex-shrink:0;transition:transform .3s ease}.footer-social-link:hover svg{transform:scale(1.1)}.copyright-section{text-align:center}.copyright-section h4{margin:0 0 1rem;color:#fff;font-size:1.2rem}.copyright-section p{margin:0 0 1rem;line-height:1.6;font-size:14px;color:#ccc}.copyright-section p:last-child{margin-bottom:0;font-weight:500;color:#fff}@media (max-width: 768px){.footer{padding:2rem 1rem}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.copyright-section{text-align:center}.footer-social-links{flex-direction:row;justify-content:center}.footer-social-link{flex:1;max-width:200px}}.app{min-height:100vh;display:flex;flex-direction:column;background-color:#212121}.container{max-width:1200px;margin:0 auto;padding:0 20px}main{flex:1}*{box-sizing:border-box}body{margin:0;padding-top:75px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;transition:all .2s ease}button:hover{opacity:.8}input,select{border:1px solid #ddd;border-radius:4px;padding:8px 12px;font-size:14px;transition:border-color .2s ease}input:focus,select:focus{outline:none;border-color:#d3d3d3}@media (max-width: 768px){.container{padding:0 15px}body{padding-top:0}}