@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-color:#050505;--text-color:#f1f1f1;--accent-color:#d11c54;--nav-bg:#050505d9;--glass-bg:#ffffff08;--glass-border:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{text-transform:uppercase;letter-spacing:1px;font-weight:800}a{color:inherit;text-decoration:none;transition:color .3s}a:hover{color:var(--accent-color)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border)}section{flex-direction:column;justify-content:center;min-height:100vh;padding:100px 5%;display:flex;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:1s forwards fadeIn}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.navbar{z-index:1000;background:0 0;width:100%;padding:20px 5%;transition:all .3s;position:fixed;top:0;left:0}.navbar.scrolled{padding:15px 5%}.navbar-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.navbar-brand a{color:#fff;cursor:pointer;letter-spacing:2px;font-size:24px;font-weight:800}.navbar-menu{gap:30px;list-style:none;display:flex}.navbar-menu li a{cursor:pointer;padding-bottom:5px;font-size:14px;font-weight:600;position:relative}.navbar-menu li a:after{content:"";background:var(--accent-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.navbar-menu li a:hover:after,.navbar-menu li a.active:after{width:100%}.hero-section{text-align:center;background:radial-gradient(circle,#1a1a1a 0%,#000 100%);justify-content:center;align-items:center;padding:0;display:flex}.hero-content{z-index:10}.hero-content h1{color:#fff;text-shadow:0 0 20px #d11c5480;margin-bottom:20px;font-size:clamp(4rem,10vw,8rem);line-height:1}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-2px 0 red;clip:rect(24px, 550px, 90px, 0);animation:3s linear infinite alternate-reverse glitch-anim;left:2px}.glitch:after{text-shadow:-2px 0 #00f;clip:rect(85px, 550px, 140px, 0);animation:2.5s linear infinite alternate-reverse glitch-anim;left:-2px}@keyframes glitch-anim{0%{clip:rect(10px, 9999px, 31px, 0)}5%{clip:rect(70px, 9999px, 73px, 0)}10%{clip:rect(14px, 9999px, 86px, 0)}15%{clip:rect(9px, 9999px, 12px, 0)}20%{clip:rect(54px, 9999px, 93px, 0)}25%{clip:rect(20px, 9999px, 44px, 0)}30%{clip:rect(88px, 9999px, 66px, 0)}35%{clip:rect(40px, 9999px, 51px, 0)}40%{clip:rect(74px, 9999px, 19px, 0)}45%{clip:rect(61px, 9999px, 81px, 0)}50%{clip:rect(27px, 9999px, 54px, 0)}55%{clip:rect(11px, 9999px, 96px, 0)}60%{clip:rect(48px, 9999px, 34px, 0)}65%{clip:rect(97px, 9999px, 2px, 0)}70%{clip:rect(69px, 9999px, 82px, 0)}75%{clip:rect(35px, 9999px, 16px, 0)}80%{clip:rect(92px, 9999px, 71px, 0)}85%{clip:rect(5px, 9999px, 49px, 0)}90%{clip:rect(84px, 9999px, 22px, 0)}95%{clip:rect(41px, 9999px, 63px, 0)}to{clip:rect(78px, 9999px, 8px, 0)}}.subtitle{letter-spacing:5px;color:#aaa;margin-bottom:40px;font-size:1.5rem}.primary-btn{color:#fff;border:2px solid var(--accent-color);cursor:pointer;letter-spacing:1px;background:0 0;border-radius:30px;padding:15px 40px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s}.primary-btn:hover{background:var(--accent-color);box-shadow:0 0 20px #d11c5466}.scroll-indicator{cursor:pointer;color:#666;animation:2s infinite bounce;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-indicator:hover{color:var(--accent-color)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)translate(-50%)}40%{transform:translateY(-20px)translate(-50%)}60%{transform:translateY(-10px)translate(-50%)}}.music-section{background-color:var(--bg-color)}.section-header{text-align:center;margin-bottom:60px}.section-header h2{color:#fff;margin-bottom:10px;font-size:3rem}.line{background-color:var(--accent-color);border-radius:2px;width:60px;height:4px;margin:0 auto}.music-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;width:100%;max-width:1200px;margin:0 auto;display:grid}.music-card{border-radius:12px;transition:transform .3s;overflow:hidden}.music-card:hover{transform:translateY(-10px)}.music-cover{background-position:50%;background-size:cover;height:250px;position:relative}.play-overlay{opacity:0;color:#fff;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.music-cover:hover .play-overlay{opacity:1}.play-overlay:hover{color:var(--accent-color)}.music-info{padding:20px}.music-info h3{color:#fff;margin-bottom:10px;font-size:1.5rem}.platform-badge{color:#aaa;background:#ffffff1a;border-radius:20px;margin-bottom:15px;padding:4px 10px;font-size:.8rem;display:inline-block}.listen-link{color:var(--accent-color);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:600;display:inline-block}.listen-link:hover{color:#fff}.embed-container{margin-top:15px}.embed-container iframe{border-radius:8px;width:100%}.empty-state{text-align:center;color:#666;grid-column:1/-1;font-style:italic}.gallery-section{background-color:#080808}.gallery-masonry{columns:1;column-gap:20px;width:100%;max-width:1400px;margin:0 auto}@media (width>=768px){.gallery-masonry{columns:2}}@media (width>=1024px){.gallery-masonry{columns:3}}.gallery-item{break-inside:avoid;cursor:pointer;border-radius:8px;margin-bottom:20px;position:relative;overflow:hidden}.gallery-item img{width:100%;transition:transform .5s;display:block}.gallery-overlay{opacity:0;background:#d11c54b3;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.gallery-overlay span{color:#fff;text-transform:uppercase;letter-spacing:2px;font-size:1.2rem;font-weight:600;transition:transform .3s;transform:translateY(20px)}.gallery-item:hover img{transform:scale(1.05)}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-item:hover .gallery-overlay span{transform:translateY(0)}.lightbox{z-index:2000;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.lightbox img{object-fit:contain;border:1px solid #ffffff1a;max-width:90%;max-height:90vh;box-shadow:0 0 30px #00000080}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;transition:color .3s;position:absolute;top:30px;right:30px}.close-btn:hover{color:var(--accent-color)}.news-section{background-color:var(--bg-color);padding:100px 0}.news-section .section-header{margin-bottom:50px}.news-carousel-container{align-items:center;max-width:1400px;margin:0 auto;display:flex;position:relative}.nav-arrow{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-arrow:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.left-arrow{left:20px}.right-arrow{right:20px}.news-scroll-container{scroll-behavior:smooth;scrollbar-width:none;gap:20px;padding:20px 60px;display:flex;overflow-x:auto}.news-scroll-container::-webkit-scrollbar{display:none}.news-card{cursor:pointer;border-radius:12px;flex-direction:column;min-width:320px;max-width:320px;padding:30px;transition:transform .3s,border-color .3s;display:flex}.news-card:hover{border-color:var(--accent-color);transform:translateY(-5px)}.news-date{color:var(--accent-color);letter-spacing:1px;margin-bottom:10px;font-size:.8rem;font-weight:600}.news-card h3{color:#fff;margin-bottom:15px;font-size:1.3rem}.news-card p{color:#aaa;flex-grow:1;margin-bottom:20px;font-size:.95rem;line-height:1.6}.read-more{color:#fff;align-self:flex-start;font-size:.9rem;font-weight:600;transition:color .3s}.news-card:hover .read-more{color:var(--accent-color)}.news-lightbox{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.news-lightbox-content{border:1px solid var(--glass-border);background:#111;border-radius:12px;width:100%;max-width:700px;max-height:85vh;padding:50px 40px;position:relative;overflow-y:auto}.news-lightbox-content .close-btn{position:absolute;top:20px;right:20px}.news-lightbox-header{border-bottom:1px solid #ffffff1a;margin-bottom:30px;padding-bottom:20px}.news-lightbox-header h2{color:#fff;margin-bottom:10px;font-size:2rem}.news-lightbox-date{color:var(--accent-color);letter-spacing:1px;font-weight:600}.news-lightbox-body p{color:#ccc;margin-bottom:20px;font-size:1.05rem;line-height:1.8}.about-section{background-color:var(--bg-color);position:relative}.about-content{flex-direction:column;align-items:center;gap:50px;max-width:1000px;margin:0 auto;display:flex}@media (width>=900px){.about-content{flex-direction:row}}.about-image{flex:1;width:100%;max-width:400px;position:relative}.about-image img{z-index:2;filter:grayscale();border-radius:8px;width:100%;transition:filter .5s;position:relative}.about-image:hover img{filter:grayscale(0%)}.image-backdrop{border:2px solid var(--accent-color);z-index:1;border-radius:8px;width:100%;height:100%;position:absolute;top:20px;left:20px}.about-text{border-radius:12px;flex:1;padding:40px}.about-text p{color:#ccc;white-space:pre-line;margin-bottom:30px;font-size:1.1rem;line-height:1.8}.social-links{flex-wrap:wrap;gap:15px;display:flex}.social-btn{color:#fff;background:0 0;border:1px solid #fff3;border-radius:30px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .3s}.social-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:#d11c541a}
