@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";:root{font-family:Raleway,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden}.navbar{width:100vw;position:fixed;top:0;left:0;z-index:1000;background:transparent;mix-blend-mode:difference}.navbar-menu{display:flex;justify-content:flex-start;align-items:center;padding:1.2rem 2rem;width:100%;gap:3rem}.logo{width:10rem;height:auto}.navbar-link{color:#fff;text-decoration:none;font-size:1.5rem;mix-blend-mode:difference;position:relative;padding:.3rem;transition:all .5s ease}.navbar-link:hover:after{transform:scaleX(1)}.navbar-link:after{content:"";position:absolute;bottom:0;left:0;height:2px;background-color:currentColor;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.navbar-left,.navbar-right{display:flex;align-items:center;gap:2rem}@media (max-width: 768px){.navbar-menu{gap:1.5rem}.logo{width:8rem}.navbar-link{font-size:1.2rem}}.intro-container{position:relative;width:100%;height:100vh;overflow:visible}.vinyl-rings{position:absolute;top:50%;left:50%;width:150vmax;height:150vmax;background:repeating-radial-gradient(circle,#111,#474747 8px,#000 4px 10px),radial-gradient(circle at 30% 30%,rgba(255,255,255,.08),transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:spin 60s linear infinite;opacity:.2;z-index:0}.vinyl-image{position:absolute;top:50%;left:50%;width:450px;height:450px;background:url(/assets/raffy-BVN0H283.png) no-repeat center/contain;border-radius:50%;transform:translate(-50%,-50%);animation:spin 60s linear infinite;filter:drop-shadow(0 0 8px rgba(255,0,150,.8)) drop-shadow(0 0 13px rgba(0,200,255,.6)) drop-shadow(0 0 23px rgba(255,255,0,.4));z-index:1}.vinyl-center{position:absolute;top:50%;left:50%;width:20px;height:20px;border-radius:50%;background:#000;border:2px solid #666;transform:translate(-50%,-50%);z-index:3}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.intro-content-wrapper{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:100vh;padding:0 8vw;gap:8rem;z-index:2}.intro-text{display:flex;flex-direction:column;align-items:flex-start;flex:0 0 auto;max-width:600px;margin-right:auto;margin-left:0}.the-row{display:flex;align-items:center;gap:13rem}.the-row h2{font-size:clamp(1rem,4vw,4.2rem);line-height:.25}.status-inline{display:flex;align-items:center}.hitlist{font-size:clamp(3rem,8vw,12rem);white-space:nowrap}.intro-text p{font-size:clamp(1rem,2vw,2rem);line-height:1.3}.intro-playlist{flex:0 0 auto;width:400px;height:600px;margin-left:auto;margin-right:0;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:12px}.playlist-placeholder{color:#fff;font-size:1.5rem;opacity:.5}@media (max-width: 1024px){.intro-content-wrapper{flex-direction:column;gap:3rem;padding-top:15vh}.intro-text{align-items:center;text-align:center;max-width:100%}.intro-playlist{max-width:90vw;height:400px}.vinyl-image{width:400px;height:400px}}@media (max-width: 768px){.intro-playlist{height:350px}.vinyl-image{width:350px;height:350px}}.status-badge{display:inline-block;padding:6px 30px;border-radius:999px;font-size:14px;font-weight:500;border:1px solid rgba(255,255,255,.2);color:#fff;background:#ffffff0d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s ease;text-align:center}.status-badge.offline{color:#aaa;border-color:#c8000099;box-shadow:0 0 15px #c8000066}.status-badge.online{color:#0f0;border-color:#00c80099;box-shadow:0 0 15px #00c80066}.footer{width:100%}.footer-background{background-color:#fff;color:#000}.footer-background.dark{background-color:#000;color:#fff}.footer-container{margin:0 auto;width:100%;max-width:72rem;padding:2rem 1rem;display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.footer-container{padding:2.5rem 1.5rem}}.footer-title{text-align:center;font-size:1.875rem;font-weight:500;line-height:1.25}@media (min-width: 640px){.footer-title{font-size:2.25rem}}@media (min-width: 768px){.footer-title{font-size:3.75rem}}.social-container{margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem .75rem;max-width:48rem}@media (min-width: 768px){.social-container{gap:1rem 1.5rem}}.social-link{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;color:#569429;transition:opacity .3s ease;height:3rem;width:3rem;flex-basis:20%}.social-link:hover{opacity:.9}@media (min-width: 768px){.social-link{height:4rem;width:4rem;flex-basis:auto}}.social-icon{font-size:1.875rem}@media (min-width: 768px){.social-icon{font-size:3rem}}.address-section{max-width:fit-content;margin:0 auto;text-align:center}.address-title{font-weight:500;margin-bottom:.5rem;font-size:1.5rem;text-decoration:underline;text-underline-offset:4px}.address-text{font-size:1rem;line-height:1.625;font-family:var(--font-secondary, inherit)}.contact-section{display:flex;justify-content:center}.contact-text{font-size:1rem;font-family:var(--font-secondary, inherit);text-align:center}.contact-link{text-decoration:underline;transition:color .3s ease}.contact-link:hover{color:#569429}.logo-container{margin:0 auto;height:72px;width:200px;position:relative}.logo-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.logo-light{display:block}.logo-dark,.dark .logo-light{display:none}.dark .logo-dark{display:block}body .voting-container{min-height:100vh!important;background:linear-gradient(135deg,#1a202c,#2d3748)!important;padding:2rem 1rem!important;position:relative!important;z-index:1000!important}body .voting-header{text-align:center!important;margin-bottom:3rem!important}body .voting-title{font-size:3rem!important;font-weight:700!important;color:#f7fafc!important;margin-bottom:.5rem!important;text-shadow:2px 2px 4px rgba(0,0,0,.5)!important}body .voting-subtitle{font-size:1.25rem!important;color:#68d391!important;font-weight:500!important}body .voting-content{max-width:1400px!important;margin:0 auto!important}body .songs-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:2rem!important}body .songs-column{display:flex!important;flex-direction:column!important;gap:1.5rem!important}body .song-card{background:#2d3748!important;border-radius:16px!important;padding:1.5rem!important;box-shadow:0 10px 25px #0000004d!important;transition:all .3s ease!important;border:2px solid transparent!important;min-height:auto!important;text-align:center!important}body .song-card:hover{transform:translateY(-5px)!important;box-shadow:0 15px 35px #0006!important;border-color:#68d391!important}body .song-rank{display:block!important;position:relative!important;top:auto!important;left:auto!important;background:#68d391!important;color:#1a202c!important;padding:.75rem 1.5rem!important;border-radius:20px!important;font-weight:700!important;font-size:1.125rem!important;text-align:center!important;margin-bottom:1.5rem!important;width:fit-content!important;margin-left:auto!important;margin-right:auto!important}body .spotify-embed{margin-bottom:1.5rem!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important}body .spotify-embed iframe{border:none!important;border-radius:0!important;height:232px!important}body .song-actions{display:flex!important;justify-content:center!important;align-items:center!important;padding-top:0!important;border-top:none!important}body .vote-btn{background:none!important;border:2px solid #68d391!important;border-radius:25px!important;padding:1rem 2rem!important;font-size:1.125rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;color:#68d391!important;min-width:140px!important}body .vote-btn:hover{background:#68d391!important;color:#1a202c!important;transform:translateY(-2px)!important}body .vote-btn.voted{background:#68d391!important;color:#1a202c!important}body .vote-count,body .votes-number,body .votes-label{display:none!important}body .voting-footer{text-align:center!important;margin-top:3rem!important;padding-top:2rem!important;border-top:1px solid #4a5568!important}body .voting-info{font-size:1rem!important;color:#a0aec0!important;margin-bottom:1rem!important}body .submit-votes-btn{background:#68d391!important;color:#1a202c!important;border:none!important;padding:1rem 2rem!important;border-radius:25px!important;font-size:1.125rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 4px 15px #68d3914d!important}body .submit-votes-btn:hover{background:#48bb78!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #68d39166!important}body .playlist-input{display:flex!important;gap:1rem!important;justify-content:center!important;margin-top:2rem!important;flex-wrap:wrap!important}body .playlist-url-input{flex:1!important;max-width:400px!important;padding:.75rem 1rem!important;border:2px solid #4a5568!important;border-radius:25px!important;font-size:1rem!important;outline:none!important;transition:border-color .3s ease!important;background:#2d3748!important;color:#f7fafc!important}body .playlist-url-input::placeholder{color:#a0aec0!important}body .playlist-url-input:focus{border-color:#68d391!important}body .load-playlist-btn{background:#68d391!important;color:#1a202c!important;border:none!important;padding:.75rem 1.5rem!important;border-radius:25px!important;font-size:1rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;white-space:nowrap!important}body .load-playlist-btn:hover:not(:disabled){background:#48bb78!important;transform:translateY(-2px)!important}body .load-playlist-btn:disabled{opacity:.6!important;cursor:not-allowed!important}body .song-image,body .song-info .song-title,body .song-info .song-artist,body .song-info .song-album{display:none!important}@media (max-width: 768px){body .voting-title{font-size:2rem!important}body .songs-grid{grid-template-columns:1fr!important;gap:1rem!important}body .song-card{padding:1rem!important}body .voting-container{padding:1rem .5rem!important}body .playlist-input{flex-direction:column!important;align-items:center!important}body .playlist-url-input{width:100%!important;max-width:none!important}body .spotify-embed iframe{height:180px!important}}@media (max-width: 480px){body .voting-title{font-size:1.75rem!important}body .song-actions{flex-direction:column!important;gap:1rem!important;align-items:center!important}body .spotify-embed iframe{height:152px!important}body .vote-btn{min-width:120px!important;padding:.75rem 1.25rem!important;font-size:1rem!important}}.vote-section{display:flex;justify-content:space-between;align-items:center;padding:10px;gap:10px;margin-top:10px}.vote-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 16px;border:2px solid #ddd;border-radius:8px;background-color:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1;min-height:40px}.vote-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.vote-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.vote-btn.upvote{border-color:#4caf50;color:#4caf50}.vote-btn.upvote:hover{background-color:#4caf50;color:#fff}.vote-btn.upvote.active{background-color:#4caf50;color:#fff;border-color:#45a049}.vote-btn.downvote{border-color:#f44336;color:#f44336}.vote-btn.downvote:hover{background-color:#f44336;color:#fff}.vote-btn.downvote.active{background-color:#f44336;color:#fff;border-color:#da190b}/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}.hero{position:relative;height:100vh;width:100%;overflow:visible;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;background:#000}