*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

```
min-height:100vh;

background:
linear-gradient(
135deg,
#2b2f33,
#3d434a,
#555c63
);

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

padding:40px 20px;
```

}

/* CONTENEDOR */

.contenedor{

```
max-width:1000px;

margin:auto;

background:#ffffff;

border-radius:25px;

padding:40px;

box-shadow:
0 20px 50px rgba(0,0,0,.30);

animation:fadeIn .6s ease;
```

}

@keyframes fadeIn{

```
from{

    opacity:0;
    transform:translateY(20px);

}

to{

    opacity:1;
    transform:translateY(0);

}
```

}

/* LOGO */

.logo-login{

```
text-align:center;

margin-bottom:20px;
```

}

.logo-login img{

```
width:150px;

height:auto;

transition:.3s;
```

}

.logo-login img:hover{

```
transform:scale(1.05);
```

}

/* TITULOS */

h1{

```
text-align:center;

color:#343a40;

font-weight:700;

margin-bottom:10px;
```

}

.text-center{

```
color:#6c757d;

margin-bottom:30px;
```

}

/* SUBTÍTULOS */

h3{

```
color:#343a40;

font-size:22px;

font-weight:700;

margin-top:25px;

margin-bottom:20px;

padding-bottom:10px;

border-bottom:2px solid #dee2e6;
```

}

/* LABELS */

label{

```
font-weight:600;

color:#495057;

margin-bottom:5px;
```

}

/* INPUTS */

.form-control{

```
height:50px;

border-radius:12px;

border:1px solid #ced4da;

transition:.3s;
```

}

.form-control:focus{

```
border-color:#6c757d;

box-shadow:
0 0 0 .25rem rgba(108,117,125,.20);
```

}

/* FILE INPUT */

input[type="file"]{

```
padding:10px;

height:auto;
```

}

/* BOTÓN REGISTRO */

.btn-registro{

```
width:100%;

margin-top:20px;

border:none;

background:#343a40;

color:white;

padding:15px;

border-radius:12px;

font-size:16px;

font-weight:600;

transition:.3s;
```

}

.btn-registro:hover{

```
background:#212529;

transform:translateY(-2px);
```

}

/* TARJETAS VISUALES */

.row{

```
background:#f8f9fa;

border-radius:15px;

padding:20px;

margin-bottom:20px;
```

}

/* RESPONSIVE */

@media(max-width:768px){

```
.contenedor{

    padding:25px;

}

h1{

    font-size:28px;

}

h3{

    font-size:20px;

}

.logo-login img{

    width:120px;

}
```

}