:root{--primary:#048b9a;--primary-particle:#41d0d4;--secondary-particle:#00eb6f;--text:#ffffff;--bg:#03040a;--player-height:80px;--z-particles:1;--z-content:10;--z-player:100;--z-menu:1000;--z-menu-close:1001;--z-lang:1002;--z-lightbox:10000}body{margin:0;background:var(--bg);color:var(--text);font-family:Orbitron,sans-serif;overflow-x:hidden;padding-bottom:var(--player-height)}body.lightbox-open{overflow:hidden}.site-title{margin:0;display:flex;justify-content:center}.site-title img{width:100%;max-width:500px}h2{margin-bottom:40px}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(-100vh);transition:.6s ease;z-index:var(--z-menu);height:100vh;max-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.menu-overlay.active{transform:translateY(0)}.menu-overlay a{font-size:clamp(1.2rem, 5vw, 2rem);margin:20px;color:var(--text);text-decoration:none;position:relative}.menu-overlay a:hover{color:var(--primary);text-shadow:0 0 15px var(--primary)}.menu-btn{position:fixed;top:20px;right:20px;z-index:var(--z-menu-close);cursor:pointer}.menu-btn div{width:30px;height:3px;background:var(--primary);margin:6px;transition:.3s}.menu-btn.open div:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-btn.open div:nth-child(2){opacity:0}.menu-btn.open div:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.lang-switch{position:fixed;top:20px;left:20px;z-index:var(--z-lang)}.lang-switch span.current,.lang-switch span:hover{cursor:pointer;color:var(--primary);text-shadow:0 0 15px var(--primary)}canvas#bg{position:absolute;top:0;left:0;z-index:-1}.hero{min-height:calc(100vh - var(--player-height));display:flex;align-items:center;justify-content:center;flex-direction:column}.logo{width:clamp(220px,80vw,500px);max-width:95vw;height:auto;filter:drop-shadow(0 0 20px var(--primary));animation:pulse 2.5s infinite alternate}@media (max-width:576px){.logo{width:85vw;max-width:95vw}}@keyframes pulse{from{filter:drop-shadow(0 0 10px var(--primary))}to{filter:drop-shadow(0 0 40px var(--primary))}}.section{padding:120px 20px}.btn-glow{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--primary);border-radius:10px;color:var(--primary);background:0 0;padding:12px 22px;text-transform:uppercase;letter-spacing:2px;transition:.3s;position:relative;overflow:hidden;text-decoration:none;-webkit-tap-highlight-color:transparent}.btn-glow i{font-size:1.2rem;transition:.3s}.btn-glow::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%}.btn-glow:hover::before{left:100%}.photos-btn.active{background:var(--primary);color:#000;box-shadow:0 0 20px var(--primary),0 0 40px var(--primary)}@media (max-height:500px) and (orientation:landscape){.menu-overlay a{font-size:1.5rem;margin:10px;justify-content:flex-start}}.video-container{position:relative;width:100%;max-width:min(900px,90vw);margin:20px auto;overflow:hidden;aspect-ratio:16/9}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:10px}.youtube-lite{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;cursor:pointer;border:1px solid var(--primary)}.youtube-lite img{width:100%;height:100%;object-fit:cover;display:block}.youtube-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;border:1px solid var(--primary);background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px);pointer-events:none}.youtube-play svg{width:35px;height:35px;fill:var(--primary);margin-left:4px}.youtube-lite iframe{width:100%;height:100%;border:0}@supports not (aspect-ratio:16 / 9){.video-container{position:relative;padding-bottom:56.25%;height:0}.video-container iframe{position:absolute;width:100%;height:100%}}.show{border:1px solid var(--primary);padding:15px;margin-bottom:15px;position:relative;display:flex;flex-direction:column}.show.past{border-color:#555}.show-header{display:flex;justify-content:space-between;align-items:center}.show-info{display:flex;flex-direction:column}.show-date{font-size:.9rem;color:var(--primary)}.show-place{font-size:1.1rem}.show-actions{display:flex;gap:10px;align-items:center}.show-gallery{display:none;margin-top:15px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.show-gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--primary);cursor:pointer;transition:.3s}.btn-glow:active,.btn-glow:focus{outline:0;box-shadow:none}.accordion-item{border:1px solid var(--primary);background:0 0;padding:0 20px}.accordion-header{width:100%;background:0 0;border:none;color:var(--primary);text-align:left;padding:15px 0;font-size:1rem;cursor:pointer;display:flex;justify-content:space-between}.accordion-header::after{content:"+";transition:.3s;font-weight:700;font-size:30px;line-height:20px}.accordion-item.active .accordion-header::after{content:"-"}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--text)}.accordion-item.active .accordion-content{max-height:300px}.lang-en,.lang-fr{display:none}#contact-form{display:flex;flex-direction:column;gap:10px;max-width:500px;margin:auto}#contact-form input,#contact-form textarea{background:var(--bg);border:1px solid var(--primary);color:var(--text);padding:10px}#contact-form input:focus,#contact-form textarea:focus{outline:0;box-shadow:0 0 10px var(--primary)}#form-status{text-align:center;margin-top:10px;color:var(--primary)}.social-links{display:flex;justify-content:center;gap:15px;margin:20px 0;flex-wrap:wrap}#contact svg,#stream svg{width:22px;height:22px;fill:var(--primary)}.band-members{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.member{text-align:center}.member-img{position:relative;overflow:hidden}.member-img img{width:100%;aspect-ratio:1/1;object-fit:cover;border:2px solid var(--primary);display:block;transition:opacity .3s ease,transform .3s ease}.member h3{margin-top:10px;color:var(--primary)}.member p{opacity:.8;font-size:.9rem}.member-img{position:relative;overflow:hidden}.img-hover{position:absolute;inset:0;opacity:0;transition:opacity .2s}.member-img img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;-webkit-tap-highlight-color:transparent}.member-img.fun .img-hover{opacity:1}.member-img.fun .img-main{opacity:0}.member-img.fun .member-overlay{opacity:1;transform:translateY(0)}.member-overlay{position:absolute;left:0;right:0;bottom:0;padding:15px;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,0));color:#fff;backdrop-filter:blur(5px);border-top:1px solid var(--primary);opacity:0;transform:translateY(20px);transition:opacity .3s,transform .3s}.member-overlay h4{display:none;margin:0 0 5px;color:var(--primary)}.member-overlay p{margin:0;font-size:.85rem;line-height:1.4}#lightbox{position:fixed;inset:0;background:rgba(0,0,0,.95);display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s;z-index:var(--z-lightbox)}#lightbox-close,#lightbox-next,#lightbox-prev{z-index:var(--z-lightbox)}#lightbox.open{opacity:1;pointer-events:auto}#lightbox img{max-width:95%;max-height:95%;object-fit:contain;border:1px solid var(--primary);box-shadow:0 0 30px var(--primary)}#lightbox button{position:absolute;background:0 0;border:none;color:var(--primary);font-size:3rem;cursor:pointer;z-index:var(--z-lightbox)}#lightbox-prev{left:20px}#lightbox-next{right:20px}#lightbox-close{position:absolute;top:20px;right:20px;width:44px;height:44px;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.5);border:1px solid var(--primary);cursor:pointer;z-index:var(--z-lightbox);opacity:.7}#lightbox-close:hover{opacity:1}#lightbox-close svg{width:24px;height:24px;stroke:var(--primary);stroke-width:2;fill:none}#lightbox-close::before{content:'';position:absolute;inset:-10px}@media (max-width:768px){.show-header{flex-direction:column;align-items:flex-start;gap:10px}.show-actions{width:100%;margin-top:10px}.show-actions .btn-glow{flex:1;text-align:center}.band-members{grid-template-columns:repeat(2,1fr)}.show-gallery{display:none;grid-auto-flow:column;grid-auto-columns:75%;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.show-gallery img{scroll-snap-align:center}}@media (max-width:400px){.band-members{grid-template-columns:1fr}}@media (hover:none){.btn-glow:active{transform:none}}@media (hover:hover){.btn-glow:hover::before{left:100%}.btn-glow:hover{background:var(--primary);color:#000;box-shadow:0 0 20px var(--primary),0 0 40px var(--primary)}#contact a:hover svg,#stream a:hover svg{width:22px;height:22px;fill:var(--bg)}.member:hover .img-hover{opacity:1}.member:hover .img-main{opacity:0}.member:hover .member-overlay{opacity:1;transform:translateY(0)}.show-gallery img:hover{transform:scale(1.02);box-shadow:0 0 15px var(--primary)}#lightbox-close:hover{box-shadow:0 0 15px var(--primary);transform:scale(1.05)}.youtube-lite:hover .youtube-play{box-shadow:0 0 20px var(--primary);transform:translate(-50%,-50%) scale(1.05)}}