body{
margin:0;
font-family:Segoe UI,Arial,sans-serif;
background:linear-gradient(180deg,#efeaff,#faf9ff);
}
.pagina-login{
min-height:100vh;
display:flex;
justify-content:center;
padding:50px 20px;
}
.login-wrapper{
width:100%;
max-width:980px;
background:#fff;
border-radius:32px;
padding:40px;
box-shadow:0 20px 60px rgba(0,0,0,.08);
}
.logo-area{text-align:center}
.logo{width:130px}
.logo-area h1{font-size:64px;margin:10px 0 0;color:#2d2469}
.logo-area p{font-size:26px;color:#666}
.login-card{
max-width:700px;
margin:40px auto;
background:#fff;
border-radius:26px;
padding:35px;
box-shadow:0 10px 35px rgba(0,0,0,.08);
}
.fila{display:flex;gap:20px}
.codigo{width:180px}
.telefono{flex:1}
label{display:block;font-weight:600;margin:16px 0 8px}
input,select{
width:100%;
padding:16px;
border-radius:14px;
border:1px solid #d9d9e8;
font-size:17px;
box-sizing:border-box;
}
.boton{
margin-top:30px;
width:100%;
padding:18px;
border:none;
border-radius:50px;
background:#635bff;
color:#fff;
font-size:22px;
cursor:pointer;
}
.contacto{text-align:center;margin-top:30px;font-size:18px}
.contacto a{color:#635bff;text-decoration:none}
.firma{text-align:center;margin-top:45px}
.firma h2{font-family:cursive;font-size:54px;color:#4338ca;margin:0}
.firma h3{font-size:40px;color:#4338ca;margin:15px 0}
.firma p{color:#666;font-size:20px}
@media(max-width:768px){
.fila{flex-direction:column}
.logo-area h1{font-size:42px}
.logo-area p{font-size:18px}
.login-wrapper{padding:20px}
}