.project-hero{

padding:110px 0 70px;

background:linear-gradient(180deg,#071321 0%,#0d1f35 100%);

text-align:center;

}

.project-hero h1{

font-size:48px;

margin:20px 0;

color:#fff;

}

.project-hero p{

max-width:850px;

margin:0 auto;

line-height:2;

color:#b7c7d9;

font-size:18px;

}

.hero-badge{

display:inline-block;

padding:10px 20px;

border-radius:50px;

background:rgba(212,175,55,.12);

border:1px solid rgba(212,175,55,.35);

color:#d4af37;

font-weight:700;

}

.project-steps{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

margin-top:60px;

}

.step{

background:#102742;

padding:30px;

border-radius:18px;

border:1px solid rgba(255,255,255,.08);

transition:.25s;

}

.step:hover{

transform:translateY(-6px);

}

.step span{

width:55px;

height:55px;

display:flex;

align-items:center;

justify-content:center;

margin:0 auto 18px;

border-radius:50%;

background:#d4af37;

color:#071321;

font-weight:bold;

font-size:22px;

}

.step h3{

margin:0;

font-size:18px;

color:#fff;

}

.project-request{

padding:80px 0;

}

.project-form{

background:#102742;

padding:45px;

border-radius:24px;

border:1px solid rgba(255,255,255,.08);

}

.form-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:25px;

}

.project-form label{

display:block;

margin-bottom:10px;

font-weight:700;

color:#fff;

}

.project-form input,

.project-form select,

.project-form textarea{

width:100%;

padding:15px;

border-radius:12px;

border:1px solid rgba(255,255,255,.12);

background:#071321;

color:#fff;

font-size:15px;

}

.project-form textarea{

resize:vertical;

min-height:180px;

}

@media(max-width:768px){

.project-steps{

grid-template-columns:1fr;

}

.form-grid{

grid-template-columns:1fr;

}

.project-hero h1{

font-size:34px;

}

}

.project-success{
max-width:760px;
margin:0 auto 35px;
padding:35px;
background:rgba(30,144,255,.08);
border:1px solid rgba(30,144,255,.35);
border-radius:20px;
text-align:center;
}

.project-success .icon{
width:70px;
height:70px;
margin:0 auto 20px;
border-radius:50%;
background:#2f8cff;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
font-weight:700;
}

.project-success h3{
margin:0 0 15px;
font-size:30px;
color:#fff;
}

.project-success p{
margin:0;
font-size:17px;
line-height:2;
color:#c7d8f8;
}

.project-error{
max-width:760px;
margin:0 auto 35px;
padding:20px;
background:rgba(220,53,69,.08);
border:1px solid rgba(220,53,69,.35);
border-radius:16px;
text-align:center;
color:#ffb7b7;
font-weight:600;
}