*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
body{
	font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    background:#E8ECEF;
}
.dashboard{
    width:1200px;
    max-width:95%;
    margin:0 auto;
    padding-top:15px;
    padding-bottom:40px;
}
.registro-card{
    max-width:760px;
    margin:0 auto;
    background:#FFFFFF;
    border-radius:12px;
    box-shadow:0 8px 24px rgba(0,0,0,.15);
    padding:35px;
}
.registro-header{
    text-align:center;
    margin-bottom:25px;
}
.registro-header h1{
    color:#B3352D;
    font-size:34px;
    margin-bottom:8px;
}
.registro-header p{
    color:#555;
    font-size:16px;
}
form{
    display:flex;
    flex-direction:column;
}
label{
    margin-top:16px;
    margin-bottom:6px;
    font-weight:bold;
    color:#333;
}
input[type=text],
input[type=password],
input[type=email]{
    width:100%;
    padding:12px;
    border:1px solid #C8CDD2;
    border-radius:6px;
    font-size:15px;
}
input:focus{
    outline:none;
    border-color:#198754;
    box-shadow:0 0 6px rgba(25,135,84,.25);
}
.check{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:22px;
}
.acciones{
    display:flex;
    gap:15px;
    justify-content:center;
    margin-top:30px;
    flex-wrap:wrap;
}
.btn-verde,
.btn-rojo,
button{
    text-decoration:none;
    border:none;
    border-radius:6px;
    padding:12px 26px;
    font-size:16px;
    font-weight:bold;
    cursor:pointer;
}
.btn-verde,
button{
    background:#198754;
    color:#FFF;
}
.btn-verde:hover,
button:hover{
    background:#157347;
}
.btn-rojo{
    background:#B3352D;
    color:#FFF;
}
.btn-rojo:hover{
    background:#922B21;
}
@media(max-width:768px){
    .dashboard{
        padding-top:15px;
        max-width:96%;
    }
    .registro-card{
        padding:20px;
    }
    .registro-header h1{
        font-size:28px;
    }
    .acciones{
        flex-direction:column;
    }
    .btn-verde,
    .btn-rojo,
    button{
        width:100%;
        text-align:center;
    }
}