:root{--color-bg: #000;--color-bg-secondary: #0a0a0a;--color-bg-card: #111;--color-text: #fff;--color-text-muted: #888;--color-neon-cyan: #00fffc;--color-neon-magenta: #fc00ff;--color-border: #222;--font-main: "Helvetica Neue", Arial, sans-serif;--transition-fast: .2s ease;--transition-normal: .3s ease;--max-width: 900px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 2.5rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden;min-height:100vh}a{color:var(--color-neon-cyan);text-decoration:none;transition:var(--transition-fast)}a:hover{text-shadow:0 0 10px var(--color-neon-cyan)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-sm)}.section{padding:var(--spacing-xl) 0}.section-title{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:var(--spacing-lg);letter-spacing:.2em;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,var(--color-neon-cyan),var(--color-neon-magenta))}.hero{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--spacing-lg);position:relative}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,255,252,.05) 0%,transparent 70%);pointer-events:none}.logo{max-width:280px;width:70%;margin-bottom:var(--spacing-lg);animation:fadeInUp 1s ease-out}.tagline{font-size:1.2rem;font-weight:400;line-height:1.8;margin-bottom:var(--spacing-md);animation:fadeInUp 1s ease-out .2s both;font-family:var(--font-main)}.hero-subtitle{font-size:.9rem;color:var(--color-text-muted);letter-spacing:.3em;animation:fadeInUp 1s ease-out .4s both}.neon-text{color:var(--color-text);animation:neonPulse 3s ease-in-out infinite alternate}@keyframes neonPulse{0%{text-shadow:0 0 5px var(--color-neon-cyan),0 0 10px var(--color-neon-cyan),0 0 20px var(--color-neon-cyan)}to{text-shadow:0 0 5px var(--color-neon-magenta),0 0 10px var(--color-neon-magenta),0 0 20px var(--color-neon-magenta)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.events-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.event-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:var(--transition-normal)}.event-card:hover{border-color:var(--color-neon-cyan);box-shadow:0 0 30px #00fffc26}.event-card-inner{display:grid;grid-template-columns:1fr;gap:0}@media(min-width:600px){.event-card-inner{grid-template-columns:250px 1fr}}.event-images{display:flex;flex-direction:column;background:var(--color-bg-secondary)}.event-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;cursor:pointer;transition:var(--transition-normal)}.event-image:hover{opacity:.8}.event-images .event-image:not(:first-child){display:none}@media(min-width:600px){.event-images .event-image:not(:first-child){display:block;aspect-ratio:auto;max-height:200px}}.event-details{padding:var(--spacing-md);display:flex;flex-direction:column;justify-content:center}.event-title{font-size:1.3rem;font-weight:700;color:var(--color-neon-cyan);margin-bottom:var(--spacing-sm);text-shadow:0 0 10px rgba(0,255,252,.3)}.event-meta{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.event-date,.event-venue,.event-price{font-size:.95rem;display:flex;align-items:center;gap:var(--spacing-xs)}.event-date i,.event-venue i,.event-price i{color:var(--color-neon-cyan);width:20px;text-align:center}.event-note{font-size:.9rem;color:var(--color-text-muted);font-style:italic;margin-top:var(--spacing-xs)}.event-ticket-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:linear-gradient(135deg,var(--color-neon-cyan),var(--color-neon-magenta));color:var(--color-bg);font-weight:600;padding:.75rem 1.5rem;border-radius:30px;margin-top:var(--spacing-sm);transition:var(--transition-normal);width:fit-content}.event-ticket-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #00fffc66;text-shadow:none}.members-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.slideshow-wrapper{position:relative;width:100%;max-width:600px;margin:0 auto;border-radius:12px;overflow:hidden;border:1px solid var(--color-border);box-shadow:0 0 30px #00fffc33}.slideshow-container{position:relative;width:100%;padding-bottom:66.67%;background:var(--color-bg-secondary)}.slideshow-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease}.slideshow-slide.active{opacity:1}.slideshow-slide img{width:100%;height:100%;object-fit:cover}.slideshow-dots{display:flex;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-bg-card)}.slideshow-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border);cursor:pointer;transition:var(--transition-fast)}.slideshow-dot:hover{background:var(--color-neon-magenta)}.slideshow-dot.active{background:var(--color-neon-cyan);box-shadow:0 0 10px var(--color-neon-cyan)}.members-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);max-width:500px;margin:0 auto}.member-btn{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;padding:var(--spacing-sm) var(--spacing-xs);text-align:center;cursor:pointer;transition:var(--transition-normal);color:var(--color-text);font-size:.85rem}.member-btn:hover{border-color:var(--color-neon-cyan);background:#00fffc1a;transform:translateY(-3px);box-shadow:0 5px 15px #00fffc33}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:1000;padding:var(--spacing-md);overflow-y:auto}.modal.show{display:flex;align-items:center;justify-content:center}.modal-content{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;width:100%;max-width:400px;padding:var(--spacing-lg);position:relative;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-modal{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);font-size:1.5rem;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-modal:hover{color:var(--color-text);background:#ffffff1a}.dj-info{text-align:center}.dj-photo-container{width:160px;height:160px;margin:0 auto var(--spacing-md);border-radius:50%;overflow:hidden;border:3px solid var(--color-neon-cyan);box-shadow:0 0 20px #00fffc4d}.dj-photo{width:100%;height:100%;object-fit:cover}.dj-name{font-size:1.4rem;color:var(--color-neon-cyan);margin-bottom:var(--spacing-sm)}.dj-link-container{margin:var(--spacing-sm) 0}.dj-external-link{display:inline-block;background:var(--color-bg);border:1px solid var(--color-border);padding:.5rem 1rem;border-radius:20px;font-size:.85rem}.dj-external-link:hover{border-color:var(--color-neon-cyan)}.dj-qrcode-container{margin:var(--spacing-sm) auto;width:100px}.dj-qrcode{width:100%;border-radius:8px}.dj-social{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.social-link-modal{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text);font-size:1.2rem;transition:var(--transition-normal)}.social-link-modal:hover{border-color:var(--color-neon-cyan);color:var(--color-neon-cyan);transform:translateY(-3px);box-shadow:0 5px 15px #00fffc4d}.social-links{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.social-link{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);color:var(--color-text);transition:var(--transition-normal)}.social-link:hover{color:var(--color-neon-cyan);transform:translateY(-5px)}.social-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:50%;transition:var(--transition-normal)}.social-link:hover .social-icon{border-color:var(--color-neon-cyan);box-shadow:0 0 20px #00fffc4d}.social-link span{font-size:.8rem;letter-spacing:.1em}footer{text-align:center;padding:var(--spacing-lg) var(--spacing-sm);border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}footer p{font-size:.8rem;color:var(--color-text-muted)}@media(max-width:600px){:root{--spacing-lg: 2rem;--spacing-xl: 3rem}.hero{min-height:80vh;padding:var(--spacing-md)}.logo{max-width:200px}.tagline{font-size:1rem}.section-title{font-size:1.2rem}.event-title{font-size:1.1rem}.event-card-inner{grid-template-columns:1fr}.event-images{max-height:280px;overflow:hidden}.members-grid{grid-template-columns:repeat(2,1fr)}.social-links{gap:var(--spacing-md)}.social-icon{width:40px;height:40px;font-size:1.2rem}}.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:2000;cursor:pointer;padding:var(--spacing-md)}.lightbox.show{display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-img{max-width:90%;max-height:90%;object-fit:contain;border-radius:8px;box-shadow:0 0 40px #00fffc4d}.lightbox-close{position:absolute;top:20px;right:30px;font-size:2.5rem;color:var(--color-text);cursor:pointer;transition:var(--transition-fast)}.lightbox-close:hover{color:var(--color-neon-cyan)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}