body{
margin:0;
font-family:Inter,sans-serif;
background:
linear-gradient(rgba(0,0,0,.85),rgba(0,0,0,.95)),
url("background.jpg");
background-size:cover;
background-position:center;
color:white;
}

.site-header{
display:flex;
justify-content:center;
padding:40px 0;
}

.site-logo{
height:90px;
}

.page-container{
display:flex;
justify-content:center;
align-items:center;
min-height:70vh;
padding:20px;
}

.form-card{
background:#111;
padding:50px;
border-radius:10px;
width:650px;
max-width:95%;
border:1px solid #333;
}

.formbold-steps ul{
display:flex;
gap:30px;
list-style:none;
padding:0;
margin-bottom:40px;
}

.step{
display:flex;
align-items:center;
gap:10px;
color:#888;
font-weight:500;
}

.step span{
width:34px;
height:34px;
border-radius:50%;
background:#c9f890;
display:flex;
align-items:center;
justify-content:center;
color:black;
font-weight:600;
}

.step.active{
color:white;
}

.input-row{
display:flex;
gap:25px;
margin-bottom:25px;
}

.input-group{
flex:1;
display:flex;
flex-direction:column;
gap:6px;
margin-bottom:20px;
}

input,
textarea{
width:100%;
padding:14px;
border-radius:6px;
border:1px solid #444;
font-size:15px;
box-sizing:border-box;
}

textarea{
resize:vertical;
}

.step-content{
display:none;
}

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

.form-navigation{
display:flex;
justify-content:flex-end;
gap:15px;
margin-top:30px;
}

.btn-primary{
background:#c9f890;
border:none;
padding:12px 22px;
font-weight:600;
cursor:pointer;
color:black;
border-radius:6px;
text-decoration:none;
}

.btn-secondary{
background:none;
border:1px solid #666;
color:white;
padding:12px 22px;
cursor:pointer;
border-radius:6px;
}

.confirm-screen{
text-align:center;
}

.confirm-buttons{
display:flex;
justify-content:center;
gap:20px;
margin-top:30px;
}

.confirm-container{
text-align:center;
margin-top:120px;
}
/* MOBILE FIX */
@media (max-width: 600px){

  .form-card{
    width:100%;
    max-width:420px;
    padding:24px 18px;
    margin:0 auto;
  }

  .input-row{
    flex-direction:column;
    gap:18px;
  }

  .input-group{
    width:100%;
  }

  .input-group input,
  .input-group textarea{
    width:100%;
    box-sizing:border-box;
  }

  .site-logo{
    height:60px;
  }

}