body{
margin:0;
font-family:Poppins, sans-serif;
background:#111;
display:flex;
justify-content:center;
}

.container{
width:100%;
max-width:420px;
background:#fff;
min-height:100vh;
padding:20px;
box-sizing:border-box;
position:relative;
}

/* Header */

h2{
text-align:center;
margin-bottom:20px;
font-size:22px;
}

/* Progress bar */

.step-bar{
display:flex;
justify-content:center;
gap:10px;
margin-bottom:20px;
}

.step{
width:30px;
height:30px;
border-radius:50%;
background:#ddd;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
}

.step.active{
background:#000;
color:#fff;
}

/* Form */

.form-step{
display:none;
}

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

/* Inputs */

input{
width:100%;
padding:13px;
margin-bottom:12px;
border-radius:8px;
border:1px solid #ddd;
font-size:14px;
box-sizing:border-box;
}

/* Buttons */

button{
width:100%;
padding:13px;
border:none;
background:#000;
color:#fff;
font-size:15px;
border-radius:8px;
margin-top:8px;
}

/* Back button */

.back-btn{
position:absolute;
top:15px;
left:15px;
background:none;
border:none;
font-size:20px;
color:#000;
}

/* Terms */

.terms{
font-size:13px;
margin:10px 0;
}

/* Background SEO text */

.seo-bg-text{
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
font-size:11px;
color:#888;
opacity:0.25;
width:90%;
text-align:center;
line-height:1.6;
filter:blur(1px);
pointer-events:none;
}