.header{position:fixed;top:0;left:0;right:0;background-color:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:1rem 0;box-shadow:0 2px 10px #0000004d}.header .container{display:flex;justify-content:space-between;align-items:center}.logo-image{height:50px;width:auto;cursor:pointer;transition:all .3s ease}.logo-image:hover{transform:scale(1.05)}.nav{display:flex;gap:2rem}.nav a{font-family:var(--font-body);color:var(--text-color);text-decoration:none;font-weight:600;transition:color .3s ease;position:relative;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.nav a:hover{color:var(--accent-color)}.nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--accent-color);transition:width .3s ease}.nav a:hover:after{width:100%}.menu-toggle{display:none;flex-direction:column;background:transparent;border:none;cursor:pointer;padding:5px;gap:5px}.menu-toggle span{width:25px;height:3px;background-color:var(--text-color);transition:all .3s ease}@media (max-width: 768px){.menu-toggle{display:flex}.nav{position:absolute;top:100%;left:0;right:0;background-color:#0a0a0afa;flex-direction:column;padding:2rem;gap:1.5rem;transform:translate(-100%);transition:transform .3s ease;box-shadow:0 5px 15px #00000080}.nav-open{transform:translate(0)}.menu-toggle:hover span{background-color:var(--accent-color)}}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-video-wrapper{position:absolute;top:50%;left:50%;width:100vw;height:100vh;transform:translate(-50%,-50%);z-index:0;pointer-events:none}.hero-video{position:absolute;top:50%;left:50%;width:100vw;height:100vh;transform:translate(-50%,-50%);object-fit:cover;min-width:100%;min-height:100%}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1}.hero-content{position:relative;z-index:2;padding:2rem}.hero-title{font-family:var(--font-title);font-size:5rem;font-weight:400;margin-bottom:1rem;color:var(--title-color);text-shadow:2px 2px 10px rgba(0,0,0,.8);animation:fadeInUp 1s ease;text-transform:uppercase;letter-spacing:5px}.hero-subtitle{font-family:var(--font-body);font-size:1.2rem;color:var(--text-color);margin-bottom:2rem;animation:fadeInUp 1s ease .2s both;text-transform:uppercase;letter-spacing:3px;font-weight:500}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease .4s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:200px}}.about{padding:6rem 0;background-color:var(--bg-section)}.about-content{display:block;max-width:900px;margin:0 auto}.about-text{font-size:1rem;line-height:1.8;color:var(--text-color);text-transform:uppercase;letter-spacing:.5px}.about-text p{margin-bottom:1.5rem}.about-text .highlight{color:var(--accent-color);font-weight:700}.about-image{display:flex;justify-content:center;align-items:center}.placeholder-image{width:100%;height:400px;background:linear-gradient(135deg,var(--secondary-color) 0%,var(--primary-color) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid var(--accent-color);box-shadow:0 10px 30px #00000080}.placeholder-image span{color:var(--accent-color);font-size:1.2rem;font-weight:600}@media (max-width: 768px){.about-content{grid-template-columns:1fr}.about{padding:4rem 0}}.band-members{padding:6rem 0;background-color:var(--bg-dark)}.members-list{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.member-card{display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center;padding:2rem;border:1px solid rgba(212,175,55,.1);transition:all .3s ease}.member-card:hover{border-color:#d4af374d;transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.member-image-wrapper{position:relative;width:100%;max-width:300px;aspect-ratio:3 / 4;margin:0 auto}.member-image{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(100%);border:2px solid rgba(212,175,55,.3);transition:all .3s ease}.member-image:hover{filter:grayscale(70%);border-color:var(--accent-color)}.member-image-placeholder{width:100%;aspect-ratio:1;background:linear-gradient(135deg,var(--secondary-color) 0%,var(--primary-color) 100%);display:flex;align-items:center;justify-content:center;border:2px solid rgba(212,175,55,.3)}.member-image-placeholder span{color:var(--accent-color);font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:2px}.member-info{display:flex;flex-direction:column;gap:1rem}.member-name{font-family:var(--font-title);font-size:2rem;color:var(--title-color);text-transform:uppercase;letter-spacing:2px;margin:0}.member-instrument{font-family:var(--font-body);font-size:1rem;color:var(--accent-color);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0}.member-text{font-family:var(--font-body);font-size:1rem;line-height:1.8;color:var(--text-color);text-transform:uppercase;letter-spacing:.5px;margin:0}@media (max-width: 768px){.band-members{padding:4rem 0}.members-list{grid-template-columns:1fr;gap:2rem}.member-card{padding:1.5rem}.member-image-wrapper{max-width:250px}.member-name{font-size:1.5rem}}.music{padding:6rem 0;background-color:var(--bg-dark)}.streaming-platforms{text-align:center;padding-top:2rem}.platform-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.platform-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--accent-color);text-decoration:none;padding:2rem;width:200px;min-height:180px;border:2px solid rgba(212,175,55,.3);border-radius:10px;transition:all .3s ease;background-color:var(--bg-section)}.platform-link:hover{border-color:var(--accent-color);transform:translateY(-5px);box-shadow:0 10px 25px #d4af374d;background-color:#d4af370d}.platform-logo{width:60px;height:60px;color:var(--accent-color);transition:all .3s ease}.platform-link:hover .platform-logo{transform:scale(1.1);color:var(--accent-color)}.platform-name{font-family:var(--font-body);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;color:var(--text-color)}@media (max-width: 768px){.music{padding:4rem 0}.platform-links{flex-direction:column;align-items:center;gap:1.5rem}.platform-link{width:100%;max-width:200px;min-height:160px;padding:1.5rem}.platform-logo{width:50px;height:50px}}.contact{padding:6rem 0;background-color:var(--bg-section)}.contact-content{display:flex;justify-content:center;align-items:center}.contact-info{text-align:center}.contact-info p{margin-bottom:2rem;color:var(--text-color);line-height:1.8;text-transform:uppercase;letter-spacing:.5px;font-size:1.1rem}.contact-info strong{color:var(--accent-color);font-weight:700}.contact-link{color:var(--accent-color);text-decoration:none;transition:all .3s ease;border-bottom:1px solid transparent}.contact-link:hover{color:var(--text-color);border-bottom-color:var(--accent-color)}@media (max-width: 768px){.contact{padding:4rem 0}.contact-info p{font-size:1rem}}.footer{background-color:var(--bg-dark);padding:2rem 0;text-align:center;border-top:1px solid rgba(212,175,55,.2)}.footer p{color:var(--text-secondary);margin-bottom:1rem}.footer-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease;text-transform:uppercase;letter-spacing:1px;font-weight:500}.footer-links a:hover{color:var(--accent-color)}.App{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #1a1a1a;--secondary-color: #333;--accent-color: #d4af37;--accent-dark: #b8941f;--title-color: #8B0000;--title-color-alt: #A52A2A;--text-color: #D3D3D3;--text-secondary: #CCCCCC;--bg-dark: #111111;--bg-section: #1a1a1a;--font-title: "Bebas Neue", sans-serif;--font-body: "Montserrat", sans-serif}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-color);line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{font-family:var(--font-title);font-size:3rem;text-align:center;margin-bottom:3rem;color:var(--title-color);position:relative;display:inline-block;width:100%;text-transform:uppercase;letter-spacing:3px;font-weight:400}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background-color:var(--accent-color)}.btn{display:inline-block;padding:12px 30px;text-decoration:none;border-radius:5px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.btn-primary{background-color:var(--accent-color);color:var(--primary-color)}.btn-primary:hover{background-color:#b8941f;transform:translateY(-2px);box-shadow:0 5px 15px #d4af3766}.btn-secondary{background-color:transparent;color:var(--text-color);border:2px solid var(--text-color)}.btn-secondary:hover{background-color:var(--text-color);color:var(--primary-color)}