body {

font-family: 'Segoe UI', sans-serif;

background: linear-gradient(135deg,#1f3754,#00b7d5);

margin:0;

padding:0;

display:flex;

justify-content:center;

}

.container{

background:#ffffff;

width:90%;

max-width:700px;

margin:40px 0;

padding:30px;

border-radius:15px;

box-shadow:0px 10px 30px rgba(0,0,0,0.3);

border-top:8px solid #e1bd65;

}

.logo{

text-align:center;

margin-bottom:10px;

}

.logo img{

width:120px;

}

h1{

text-align:center;

color:#1f3754;

margin-bottom:5px;

}

.subtitulo{

text-align:center;

color:#00b7d5;

margin-bottom:20px;

}

.description{

font-size:14px;

background:#feeec8;

padding:15px;

border-radius:10px;

margin-bottom:20px;

}

label{

font-weight:600;

margin-top:15px;

display:block;

color:#1f3754;

}

input,textarea,select{

width:100%;

padding:10px;

margin-top:5px;

border-radius:8px;

border:1px solid #dcc897;

font-size:14px;

background:#ffffff;

}

textarea{

resize:none;

}

button{

margin-top:25px;

width:100%;

padding:12px;

background:#1f3754;

color:white;

border:none;

border-radius:10px;

font-size:16px;

cursor:pointer;

transition:0.3s;

}

button:hover{

background:#00b7d5;

}

.hidden{

display:none;

}

.success-message{

background:#cae5ea;

color:#1f3754;

padding:15px;

border-radius:10px;

margin-top:20px;

display:none;

}