.notify{

min-height:100vh;

padding:80px 20px;

display:flex;

justify-content:center;

align-items:center;

background:
linear-gradient(
135deg,
#f8fafc,
#edf7f1
);

}



.notify-card{

width:min(
100%,
760px
);

background:white;

padding:42px;

border-radius:30px;

box-shadow:
0 20px 60px
rgba(
0,
0,
0,
0.05
);

}



.back{

display:inline-flex;

margin-bottom:22px;

text-decoration:none;

color:#64748b;

}



.notify-card h1{

font-size:40px;

margin-bottom:8px;

color:#111827;

}



.notify-card p{

margin-bottom:32px;

color:#64748b;

}



#notifyForm{

display:grid;

gap:18px;

}



#notifyForm label{

display:flex;

flex-direction:column;

gap:10px;

}



#notifyForm input,
#notifyForm select,
#notifyForm textarea{

padding:18px;

border-radius:16px;

border:
1px solid
#dbe3ea;

font:inherit;

}



#notifyForm textarea{

resize:vertical;

}



#notifyForm button{

margin-top:8px;

}



@media(
max-width:640px
){

.notify-card{

padding:28px;

}

}