*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, Helvetica, sans-serif;
}

body{
background:#eef2f7;
}

/* NAVBAR */

.navbar{
display:flex;
justify-content:space-between;
align-items:center;
background:#1b3c6b;
padding:15px 40px;
color:white;
}

.navbar ul{
display:flex;
list-style:none;
}

.navbar ul li{
margin-left:20px;
}

.navbar ul li a{
text-decoration:none;
color:white;
}

/* CONTENEDOR */

.contenedor{
display:flex;
justify-content:center;
align-items:center;
height:80vh;
padding:20px;
}

/* CARD FORMULARIO */

.form-card{

background:white;

width:400px;

padding:30px;

border-radius:10px;

box-shadow:0 10px 25px rgba(0,0,0,0.1);

border:1px solid #ddd;
}

.form-card h1{
text-align:center;
margin-bottom:10px;
}

.form-card h2{
text-align:center;
background:#1b3c6b;
color:white;
padding:10px;
border-radius:5px;
margin-bottom:10px;
}

.form-card p{
text-align:center;
margin-bottom:20px;
color:#555;
}

form{
display:flex;
flex-direction:column;
}

label{
margin-top:10px;
font-weight:bold;
}

input{
padding:10px;
margin-top:5px;
border:1px solid #ccc;
border-radius:20px;
}

button{

margin-top:20px;

padding:12px;

border:none;

background:linear-gradient(90deg,#007bff,#0056b3);

color:white;

border-radius:25px;

font-weight:bold;

cursor:pointer;
}

button:hover{
opacity:0.9;
}

/* FOOTER */

footer{
text-align:center;
padding:20px;
background:#1b3c6b;
color:white;
margin-top:40px;
}
@media (max-width:768px){

.navbar{
flex-direction:column;
}

.form-card{
width:90%;
}

}