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

font-family:'Vazirmatn',sans-serif;

}

h1,
h2,
h3{

font-family:'Lalezar',cursive;

font-weight:400;

letter-spacing:.4px;

line-height:1.5;

}
body{

background:#DFE5D7;

color:#2C3229;

min-height:100vh;

display:flex;

justify-content:center;

align-items:center;

padding:30px;

}

.page{

width:100%;

display:flex;

justify-content:center;

align-items:center;

}

.card{

width:100%;

max-width:520px;

background:#fff;

border-radius:28px;

padding:55px 45px;

box-shadow:0 20px 60px rgba(44,50,41,.08);

}

.logo{

width:90px;

display:block;

margin:0 auto 25px;

}

h1{

text-align:center;

font-size:34px;

font-weight:800;

color:#2C3229;

margin-bottom:14px;

}

.subtitle{

text-align:center;

font-size:16px;

line-height:2;

color:#666;

margin-bottom:40px;

}

input{

width:100%;

height:58px;

border:2px solid #C2C8BC;

border-radius:16px;

padding:0 18px;

font-size:16px;

margin-bottom:18px;

outline:none;

transition:.25s;

background:#fff;

}

input:focus{

border-color:#2C3229;

}

button{

width:100%;

height:60px;

border:none;

border-radius:16px;

background:#2C3229;

color:#fff;

font-size:18px;

font-weight:700;

cursor:pointer;

transition:.25s;

margin-top:8px;

}

button:hover{

background:#40493d;

}

.secure{

text-align:center;

margin-top:22px;

font-size:14px;

color:#777;

}

.badges{

display:flex;

justify-content:center;

gap:10px;

flex-wrap:wrap;

margin-top:20px;

}

.badge{

background:#F5F7F2;

padding:8px 14px;

border-radius:999px;

font-size:13px;

color:#2C3229;

}

@media(max-width:768px){

.card{

padding:40px 24px;

border-radius:22px;

}

h1{

font-size:28px;

}

.subtitle{

font-size:15px;

}

}
.amount-box{

margin-bottom:8px;

}

.amount-box label{

display:block;

margin-bottom:10px;

font-size:14px;

font-weight:600;

color:#2C3229;

}
textarea{

width:100%;

border:2px solid #C2C8BC;

border-radius:16px;

padding:16px;

font-size:15px;

font-family:inherit;

resize:vertical;

outline:none;

margin-bottom:18px;

transition:.25s;

}

textarea:focus{

border-color:#2C3229;

}