*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#050505;font-family:Arial,sans-serif}a{color:#fff;text-decoration:none}.container{width:90%;max-width:1400px;margin:auto}.navbar{z-index:999;background:#000;border-bottom:1px solid #111;position:sticky;top:0}.navbar-content{justify-content:space-between;align-items:center;height:90px;display:flex}.logo img{height:60px}nav{gap:40px;display:flex}nav a:hover{color:#ff2a00}.btn-primary{color:#fff;cursor:pointer;background:#ff2a00;border:none;border-radius:10px;padding:15px 25px;font-weight:700}.btn-outline{color:#fff;background:0 0;border:1px solid #555;border-radius:10px;padding:15px 25px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:80vh;display:grid}.hero-left h1{font-size:5rem;line-height:1}.hero-left span{color:#ff2a00;display:block}.hero-left p{color:#aaa;margin:30px 0;font-size:1.2rem}.hero-buttons{gap:20px;display:flex}.hero-right img{border-radius:20px;width:100%}.features{grid-template-columns:repeat(4,1fr);gap:20px;margin:60px 0;display:grid}.feature-card{background:#0d0d0d;border:1px solid #1b1b1b;border-radius:16px;align-items:center;gap:15px;padding:25px;display:flex}.feature-card svg{color:#ff2a00;font-size:1.5rem}.steps{margin:80px 0}.steps h2{margin-bottom:40px}.steps-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.step-card{background:#0d0d0d;border-radius:16px;padding:30px}.step-card h3{color:#ff2a00;font-size:2rem}.videos-section{margin:100px 0}.videos-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px;display:grid}.video-card{border-radius:20px;position:relative;overflow:hidden}.video-card img{object-fit:cover;width:100%;height:280px}.video-overlay{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-overlay button{color:#fff;background:#fff3;border:none;border-radius:50%;width:80px;height:80px;font-size:2rem}.video-card span{background:#0d0d0d;padding:15px;display:block}.band-header{height:500px;position:relative}.band-header img{object-fit:cover;width:100%;height:100%}.band-info{position:absolute;bottom:50px;left:50px}.band-info h1{font-size:5rem}.footer{text-align:center;color:#777;border-top:1px solid #111;padding:40px}@media (width<=900px){.hero,.features,.steps-grid,.videos-grid{grid-template-columns:1fr}nav{display:none}.hero-left h1{font-size:3rem}}
