*{margin:0;padding:0;box-sizing:border-box}body{font-family:Smooch Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;background-color:#1a1a1a;color:#fff;line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:#e30613}a:hover{color:#ffb400}h1,h2,h3{margin:1rem 0;font-weight:700}.header{position:fixed;top:0;left:0;width:100%;background:linear-gradient(to bottom,#000c,#0003);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 2px 4px #0003}.header .navbar{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.header .navbar .logo img{max-width:150px}.header .navbar .nav-links{list-style:none;display:flex;gap:2rem}.header .navbar .nav-links li a{color:#fff;font-size:1.5rem;text-transform:uppercase;text-decoration:none;transition:color .3s ease}.header .navbar .nav-links li a:hover{color:#ffb400}@media (max-width: 768px){.header .navbar{flex-direction:column;padding:.5rem 1rem}.header .navbar .nav-links{flex-direction:column;gap:1rem}.header .navbar .nav-links li a{font-size:1.2rem}}.footer{display:flex;align-items:center;justify-content:center;padding:2rem 0;margin:0 auto;background:linear-gradient(to top,#000,#450000)}.about-band{padding:4rem 2rem;background:linear-gradient(to bottom,#000,#450000);color:#fff}.about-band .about-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-width:1200px;margin:0 auto}.about-band .about-container .about-image{flex:1;margin:1rem}.about-band .about-container .about-image img{width:100%;height:auto;border-radius:8px;box-shadow:0 8px 16px #00000080}.about-band .about-container .about-content{flex:1;margin:1rem}.about-band .about-container .about-content .about-title{font-size:2.5rem;font-weight:700;color:#6abffd;margin-bottom:1.5rem;text-transform:uppercase}.about-band .about-container .about-content .about-text{font-size:1.5rem;line-height:1.8;margin-bottom:1rem}.about-band .about-container .about-content .about-text strong{color:#ffb400}@media (max-width: 768px){.about-band .about-container{flex-direction:column;text-align:center}.about-band .about-container .about-image,.about-band .about-container .about-content{margin:.5rem 0}.about-band .about-container .about-title{font-size:2rem}}.concert-dates{display:flex;background-color:#000;color:#fff;padding:4rem 2rem;text-align:center;min-height:600px;align-items:center}.concert-dates .concert-container{max-width:800px;margin:0 auto}.concert-dates .concert-container .concert-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:#e30613;text-transform:uppercase}.concert-dates .concert-container .dates-list{list-style:none;padding:0}.concert-dates .concert-container .dates-list .date-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:linear-gradient(to right,#450000,#000);border-radius:8px;box-shadow:0 4px 8px #0006;transition:transform .3s ease}.concert-dates .concert-container .dates-list .date-item:hover{transform:scale(1.02)}.concert-dates .concert-container .dates-list .date-item .date{font-size:1.2rem;font-weight:700;color:#ffb400}.concert-dates .concert-container .dates-list .date-item .location{font-size:1rem;color:#e0e0e0}.concert-dates .concert-container .no-dates{font-size:1.5rem;font-weight:700;color:#888;padding:4rem 0}.hero{background:linear-gradient(to top,#000000b3,#111),url(/rabia.jpg) no-repeat center center/cover;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;opacity:0;animation:fadeIn 2s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.home{background-color:#111;color:#fff}
