
header{display: none;}


.register {
    
    width: 100%;
    min-height: 800px;
    height: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 50px 0 230px 0;
    text-align: center;
    float: left;
    background: rgb(28, 30, 38);
    margin-top: 0;
    background: linear-gradient(360deg, #131827 13.94%, #13151c 110.53%);
}


    .register h1 {font-size: 40px;   
        background-image: linear-gradient(to right, #004bff, #ff0073);

        -webkit-background-clip: text; width: 100%;
        background-clip: text;
        -webkit-text-fill-color: transparent; margin: 32px 0 0 0 ;
        color: transparent; }
    .register p {color: #737e97;
          font-size: 16px; font-weight: 400;   padding: 2px;    margin: 0;}



#form-register {z-index: 999999;  width: 100%; position: relative; display: block; float: left;}
#form-register label { text-align: left; margin: 16px 0 0 0;  width: 100%; position: relative; display: block; float: left;}
#form-register input { background: #373752cc!important; border: 1px solid #373752cc!important; width: 100%; padding: 15px!important; position: relative; display: block; float: left;}
#form-register input:hover {
    border: 1px solid #007bff !important;
}

.form-check { width: 100%;   
      padding: 0;position: relative; float: left; display: block; margin: 8px 0;}

      label.form-check-label { padding: 5px; width: auto !important; margin: 0!important;}

input#remember_me {
    width: auto;
    float: left;
    position: relative;
    display: block;
    margin: 8px 4px;
} 

.sombra { 
    width: 800px;
    border-radius: 100%;
    height:200px;
    left: 50%;
    z-index: 9;
    position: absolute;
    transform: translate(-50%, 30%);
    bottom: 0;
    filter: blur(200px);
    background: rgb(255, 0, 76);
    background: radial-gradient(circle, rgba(255, 0, 76, 1) 0%, rgba(41, 83, 169, 1) 55%, #007bff 73%, rgba(0, 120, 255, 1) 100%);
}


.btn-entrar { padding: 15px 40px;
    border-radius: 4px; width: 100%;
    text-align: center;
     text-decoration: none!important;    
     outline: none;
    background: #191b25;
    border: 1px solid #383d65e8;
    margin: 16px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;    float: left;
transition: 0.3s;}

.btn-entrar figure { border-radius: 4px;width: 32px; 
    height: 32px; 
    background: #383d65e8; position: relative; display: inline-block; margin: 0;}
    
.btn-entrar p { font-size: 16px; display: block; font-weight: bold;
   
    color: #fff; 
    position: relative;margin: 0px 0 0 8px;  display: inline-block;}


.btn-entrar:hover {   background: #383d65e8; text-decoration: none!important;    outline: none;}
.btn-entrar:focus{ text-decoration: none!important;    outline: none;}

.btn-entrar:hover figure {border-radius: 4px;background: linear-gradient(128deg, #0acf71 17.84%, #0967a9 111.13%);}
a.p {
    color: #6f6d85;
    font-weight: 500;
    margin: 16px 0;
    position: relative;
    display: block; transition: 0.3s;
    font-family: "Urbanist", sans-serif;
   display: block;clear: both;
}

a.p:hover { color: #fff;}

.alert-danger {
    float: left;
    display: block;
    position: relative;
    width: 100%;text-align: center;
    margin: 15px 0;
    background: #df005242;
    border: 1px solid #df0052;
    color: #fff;
    border-radius: 4px;
    padding: 10px 5px;
}



.font-medium.text-sm.text-green-600.mb-4 {
color: #fff;
padding: 10px;
border: 1px solid #ddd;
border-radius: 8px;
margin: 10px 0;
}

ul.text-sm.text-red-600.space-y-1.mt-2 li {
    color: #fff;
    padding: 10px;
    border: 1px solid #ff005c;
    border-radius: 8px;
    margin: 10px 0;
    color: #ff005c;
    list-style-type: none;
    text-decoration: none;
}