@import url(https://fonts.googleapis.com/css2?family=Boldonse&family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,700;1,6..96,400&display=swap);:root{--bg-color:#051a1a;--bg-gradient:linear-gradient(180deg,#051a1a,#000);--text-color:#fff;--accent-green:#cf0;--accent-pink:#f60;--accent-light:#afa;--font-heading:"Boldonse","Impact",sans-serif;--font-body:"Helvetica Neue","Arial",sans-serif;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:32px;--spacing-xl:64px}html{scroll-behavior:smooth}body{background:var(--bg-color);background:var(--bg-gradient);color:var(--text-color);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .3s ease}ul{list-style:none}h1,h3,h4{font-family:var(--font-heading);text-transform:uppercase}.section-title{color:var(--text-color);font-size:2rem;line-height:1;margin-bottom:var(--spacing-lg)}.navbar{align-items:center;backdrop-filter:blur(5px);background:rgba(5,26,26,.8);display:flex;justify-content:space-between;left:0;padding:var(--spacing-md) var(--spacing-lg);position:fixed;top:0;width:100%;z-index:1000}.nav-brand{font-size:1.2rem;font-weight:700;letter-spacing:2px}.mobile-menu-btn{background:none;border:none;color:#fff;cursor:pointer}.mobile-menu{align-items:center;background:var(--bg-color);display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:100%;z-index:2000}.mobile-menu.active{transform:translateX(0)}.mobile-nav-links{display:flex;flex-direction:column;gap:var(--spacing-xl);text-align:center}.mobile-nav-links a{font-family:var(--font-heading);font-size:2rem}.close-menu-btn{background:none;border:none;color:#fff;cursor:pointer;position:absolute;right:var(--spacing-md);top:var(--spacing-md)}.vertical-rail{align-items:center;display:flex;height:100vh;justify-content:center;left:0;mix-blend-mode:difference;pointer-events:none;position:fixed;top:50%;transform:translateY(-50%);width:40px;z-index:100}.rail-content{color:var(--accent-light);display:flex;font-size:.7rem;gap:var(--spacing-lg);letter-spacing:2px;transform:rotate(-90deg);white-space:nowrap}#hero{height:100vh;overflow:hidden;position:relative;width:100%}#stores{font-size:.8rem;line-height:1rem;margin-top:2rem}#stores .store-div img,#stores img{height:auto;margin:0 10px;max-width:90px;width:100%}.section-padding{padding:var(--spacing-xl) var(--spacing-xl)}.container-grid{display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.container-center{margin:0 auto;max-width:800px;text-align:center}.bar{animation:equalize 1s ease-in-out infinite alternate;background:var(--accent-pink);width:6px}.bar:nth-child(2){animation-delay:.2s;height:60%}.bar:nth-child(3){animation-delay:.4s;height:80%}.bar:nth-child(4){animation-delay:.1s;height:50%}.bar:nth-child(5){animation-delay:.3s;height:70%}@keyframes equalize{0%{height:20%}to{height:100%}}.manifesto-text{color:#c2ffc2;font-size:.7rem;letter-spacing:.1rem;line-height:1.8;text-align:justify}.manifiesto-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.badge-container{display:flex;justify-content:flex-start}.contact-email{border-bottom:2px solid var(--accent-green);font-size:2rem;font-weight:700;padding-bottom:4px}.contact-email:hover{color:var(--accent-green)}footer{background:#000;border-top:1px solid hsla(0,0%,100%,.1);padding:var(--spacing-xl) var(--spacing-lg)}.footer-content{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl)}.footer-left .brand{font-family:var(--font-heading);font-size:1.5rem}.sub-brand{color:#888;font-size:.8rem;text-transform:uppercase}.footer-center{text-align:center}.footer-motto{font-size:.7rem;letter-spacing:2px;margin-bottom:var(--spacing-sm)}.footer-icons span{color:var(--accent-pink);font-size:.8rem;margin:0 2px}.footer-right{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-right a{font-size:.8rem;text-transform:uppercase}.copyright{color:#444;font-size:.7rem;margin-top:var(--spacing-lg);text-align:center}@media (max-width:1024px){.section-title{font-size:1.5rem}.container-grid{gap:var(--spacing-lg)}}@media (max-width:768px){.mobile-menu-btn{display:block}.vertical-rail{display:none}.container-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}.footer-content,.footer-right{align-items:center}.section-title{font-size:1.5rem}.contact-email{font-size:1.2rem}}@media (max-width:320px){.section-title{font-size:1rem}}.nav-controls{align-items:center;display:flex;gap:var(--spacing-md)}.lang-btn{border:none;cursor:pointer;font-family:var(--font-heading);font-size:1rem;padding:5px 10px;transition:opacity .3s ease}.lang-btn,.lang-btn:hover{background:transparent;color:#fff}.lang-btn:hover{opacity:.7}#hero{--primary-color:var(--text-color);--secondary-color:var(--accent-green);--primary-font:var(--font-heading);--secondary-font:var(--font-body);--quote-size:5rem;--author-size:1rem;--cursor-size:40px}@media (max-width:768px){#hero{--quote-size:3rem}}#hero:before{animation:noise-animation .3s steps(5) infinite;background:transparent url(../assets/noise-transparent.png) repeat 0 0;background-size:300px 300px;height:200%;left:-50%;mix-blend-mode:overlay;opacity:.5;top:-50%;width:200%;will-change:transform;z-index:10}#hero:after,#hero:before{content:"";pointer-events:none;position:absolute}#hero:after{background:url(../assets/bg-clan.png) 50%/cover no-repeat;height:100%;left:0;opacity:.2;top:0;width:100%;z-index:8}@keyframes noise-animation{0%{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(-4%,2%)}30%{transform:translate(2%,-4%)}40%{transform:translate(-2%,5%)}50%{transform:translate(-4%,2%)}60%{transform:translate(3%)}70%{transform:translateY(3%)}80%{transform:translate(-3%)}90%{transform:translate(2%,2%)}to{transform:translate(1%)}}#hero .content{align-items:center;color:var(--primary-color);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:20px;pointer-events:none;position:absolute;text-align:center;top:0;width:100%;z-index:20}.quote-container{max-width:90%;overflow:hidden}.quote{font-family:var(--primary-font);font-size:var(--quote-size);font-weight:400;letter-spacing:-.02em;line-height:1.3;margin-bottom:5vh;opacity:1;text-transform:uppercase}.author{align-items:center;display:flex;justify-content:center;margin-top:2vh;pointer-events:auto}.author,.caption{color:var(--accent-light);font-size:.7rem;letter-spacing:2px;margin-bottom:2vh}.custom-cursor{background-color:var(--secondary-color);border-radius:50%;display:none;height:var(--cursor-size);mix-blend-mode:difference;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:width .2s,height .2s;width:var(--cursor-size);will-change:transform;z-index:9999}@media (pointer:fine){.custom-cursor{display:block}#hero{cursor:none}}#hero canvas{display:block;margin:0;padding:0;z-index:5}#container,#hero canvas{height:100%;left:0;position:absolute;top:0;width:100%}#playButton{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.5);border-radius:20px;color:#fff;cursor:pointer;font-family:var(--secondary-font);font-size:1em;letter-spacing:1px;padding:10px 32px;pointer-events:auto;text-transform:uppercase;transition:all .3s ease}#playButton:hover{background:var(--accent-green);border-color:var(--accent-green);color:var(--bg-color)}.badge-svg{aspect-ratio:1/1;height:300px;max-height:80vh;max-width:70vw;width:300px}#blobClip{transform-origin:center;transition:transform .4s ease-out}.badge-svg:hover #blobClip{transform:scale(1.15) translate(0)}.badge-svg:hover .text-content{fill:var(--accent-green);mix-blend-mode:normal}.text-content{fill:#fff;font:700 10px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:1.5px;mix-blend-mode:normal;text-transform:uppercase;transition:fill .5s ease}:root{--bg-dark:#1a1025;--bg-light:#2c1c35;--accent:#afa;--glass-border:hsla(0,0%,100%,.1);--glass-bg:hsla(0,0%,100%,.05);--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.6)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Inter,sans-serif;width:100%}.app-container{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.bg-artwork{background-position:50%;background-size:cover;filter:blur(60px) brightness(.6);transition:background-image .5s ease;z-index:0}.bg-artwork,.bg-overlay{height:100%;position:absolute;width:100%}.bg-overlay{background:linear-gradient(0deg,#091b1c00,#091b1c);left:0;top:0;z-index:1}.player-view{display:flex;flex-direction:column;height:100%;justify-content:space-between;max-width:430px;padding:20px;position:relative;width:100%;z-index:2}.icon-btn{background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-size:1.2rem;padding:10px}.song-header{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.text-info h1{font-size:2rem;font-weight:400;margin-bottom:5px}.text-info p{color:var(--text-secondary);font-size:1rem}.heart-btn{color:var(--text-primary)}.visual-container{align-items:center;display:flex;flex:1;justify-content:center;margin:20px 0;position:relative;width:100%}.side-album{background:hsla(0,0%,100%,.1);border-radius:50%;filter:blur(2px) opacity(.5);height:200px;position:absolute;top:50%;transform:translateY(-50%);width:200px;z-index:1}.side-album.left{background:url(https://picsum.photos/200/200?random=2);background-size:cover;left:-140px}.side-album.right{background:url(https://picsum.photos/200/200?random=3);background-size:cover;right:-140px}.main-circle-container{align-items:center;display:flex;height:280px;justify-content:center;position:relative;width:280px;z-index:10}.glass-ring{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:radial-gradient(circle at 0 0,hsla(0,0%,100%,.35),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.25);border-radius:50%;box-shadow:0 0 25px rgba(0,0,0,.6),inset 0 0 25px hsla(0,0%,100%,.08);height:100%;pointer-events:none;position:absolute;width:100%}.progress-ring{left:0;position:absolute;top:0;transform:rotate(-90deg)}.progress-ring__circle{filter:drop-shadow(0 0 4px var(--accent));transition:stroke-dashoffset .1s linear}.album-art-wrapper{border-radius:50%;box-shadow:0 10px 30px rgba(0,0,0,.5);height:180px;overflow:hidden;position:relative;width:180px;z-index:5}.album-art-wrapper img{height:100%;object-fit:cover;width:100%}.time-display-ring{bottom:25px;color:#fff;font-size:.9rem;font-weight:500;position:absolute;text-shadow:0 2px 4px rgba(0,0,0,.5)}.controls-row{align-items:center;display:flex;justify-content:space-around;margin-bottom:10px;padding:0 10px;width:100%}.control-btn{background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-size:1.5rem;transition:transform .1s}.control-btn:active{transform:scale(.9)}.control-btn.small{color:var(--text-secondary);font-size:1.2rem}.control-btn.play-btn{align-items:center;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.bottom-list{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,8%,.7);border:1px solid hsla(0,0%,100%,.06);border-radius:24px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px 16px 6px}.bottom-list-header{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;justify-content:space-between}#playlist-main{list-style:none;max-height:300px;overflow-y:auto}#playlist-main li{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.04);cursor:pointer;display:flex;padding:8px 0}#playlist-main li:last-child{border-bottom:none}#playlist-main li img{border-radius:10px;height:40px;margin-right:10px;object-fit:cover;width:40px}#playlist-main li div{flex:1}#playlist-main li span{display:block}#playlist-main li span:first-child{font-size:.9rem}#playlist-main li span:last-child{color:var(--text-secondary);font-size:.8rem}#playlist-main li.active span:first-child{color:var(--accent)}.playlist-overlay{backdrop-filter:blur(10px);background:rgba(26,16,37,.98);display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1);width:100%;z-index:50}.playlist-overlay.show{transform:translateY(0)}.playlist-header{align-items:center;display:flex;font-size:1.2rem;font-weight:500;justify-content:space-between;padding:20px}#playlist-songs{flex:1;list-style:none;overflow-y:auto;padding:0 20px}#playlist-songs li{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.05);cursor:pointer;display:flex;padding:15px 0}#playlist-songs li img{border-radius:12px;height:50px;margin-right:15px;object-fit:cover;width:50px}#playlist-songs li div{flex:1}#playlist-songs li span{display:block}#playlist-songs li span:first-child{font-size:1rem;margin-bottom:4px}#playlist-songs li span:last-child{color:var(--text-secondary);font-size:.85rem}#playlist-songs li.active span:first-child{color:var(--accent)}.mini-player-dock{background:rgba(40,30,50,.9);border-radius:20px;border-top:1px solid hsla(0,0%,100%,.1);justify-content:space-between;margin:10px 20px 30px;padding:15px 20px}.mini-info,.mini-player-dock{align-items:center;display:flex}.mini-info img{border-radius:8px;height:40px;margin-right:12px;width:40px}.mini-info h4{font-size:.9rem;font-weight:500}.mini-info p{color:var(--text-secondary);font-size:.8rem}.mini-controls button{background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-size:1.2rem;margin-left:15px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.play-btn:active i{animation:pulse .2s}@media (min-width:768px){.main-circle-container{height:320px;width:320px}.album-art-wrapper{height:200px;width:200px}.controls-row{margin-top:10px}.bottom-list{margin-bottom:20px}}