*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:Inter;
background:#0b0b12;
color:white;
line-height:1.6;

}

.container{

width:90%;
max-width:1100px;
margin:auto;

}

.hero{

min-height:90vh;
display:flex;
align-items:center;

background:
linear-gradient(135deg,#090910,#161633);

}

.hero-grid{

display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;

}

.eyebrow{

color:#ff79ea;
font-size:14px;
margin-bottom:15px;
letter-spacing:1px;

}

.hero h1{

font-family:Poppins;
font-size:60px;
line-height:1.1;
margin-bottom:20px;

}

.hero span{

display:block;
color:#ff4fd8;

}

.hero-description{

color:#ddd;
margin-bottom:30px;

}

.hero-buttons{

display:flex;
gap:15px;

}

.btn{

padding:14px 26px;
border-radius:30px;
text-decoration:none;
font-weight:600;
display:inline-block;

}

.btn-primary{

background:#ff4fd8;
color:white;

}

.btn-secondary{

border:2px solid #555;
color:white;

}

.hero-art{

display:flex;
justify-content:center;

}

.hero-dancer-img{

max-width:420px;
width:100%;
height:auto;

filter:grayscale(1) invert(1) brightness(1.3);

opacity:0.9;

}

.section{

padding:80px 0;

}

.section-alt{

background:#11111a;

}

h2{

font-family:Poppins;
font-size:36px;
margin-bottom:40px;

}

.cards-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;

}

.card{

background:#1e1e2a;
padding:30px;
border-radius:10px;

}

.schedule-box{

max-width:600px;

}

.schedule-row{

display:flex;
justify-content:space-between;
padding:15px 0;
border-bottom:1px solid #333;

}

.address{

margin-bottom:20px;

}

.map{

margin:30px 0;

}

.location-buttons{

margin-top:20px;

}

.contact{

text-align:center;

}

.phone{

margin-top:10px;

}

footer{

text-align:center;
padding:30px;
background:#07070c;
color:#aaa;

}

@media(max-width:900px){

.hero-grid{

grid-template-columns:1fr;
text-align:center;

}

.hero-buttons{

justify-content:center;

}

.cards-grid{

grid-template-columns:1fr;

}

}