body{background:#f6f7fb;}

.event-form{
max-width:750px;
margin:40px auto;
background:#fff;
padding:20px;
border-radius:14px;
}

.progress-bar{
display:flex;
gap:8px;
margin-bottom:20px;
}

.progress-step{
flex:1;
text-align:center;
padding:8px;
background:#eee;
border-radius:10px;
font-size:13px;
opacity:.5;
}

.progress-step.active{
background:#111;
color:#fff;
opacity:1;
}

.step-content{display:none;}
.step-content.active{display:block;}

label{font-size:13px;display:block;margin-bottom:4px;}

input,textarea{
width:100%;
padding:10px;
border:1px solid #ddd;
border-radius:10px;
margin-bottom:10px;
}

.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}

#citySuggestions{
position:absolute;
background:#fff;
border:1px solid #ddd;
width:100%;
z-index:9999;
}

.city-item{padding:10px;cursor:pointer;}
.city-item:hover{background:#f2f2f2;}