/* DT Reloaded Register Page */

body[data-page="register"]{
background:#000;
}

/* banner plus petite */

body[data-page="register"] img{
max-height:120px;
object-fit:cover;
}

/* wrapper */

.auth-wrap{
max-width:960px;
margin:auto;
padding:20px;
}

/* card */

.auth-card{
max-width:720px;
margin:auto;
padding:28px;
background:rgba(0,0,0,.85);
border-radius:16px;
border:1px solid rgba(255,255,255,.08);
}

/* blocs */

.auth-block + .auth-block{
margin-top:18px;
}

/* formulaire */

.auth-form{
display:flex;
flex-direction:column;
gap:18px;
}

/* champs */

.field{
display:flex;
flex-direction:column;
gap:6px;
}

.auth-label{
font-size:.95rem;
color:#fff;
}

/* inputs */

.auth-input{

width:100%;
max-width:320px;

height:40px;

padding:0 12px;

border-radius:8px;

border:1px solid rgba(255,255,255,.15);

background:#111;

color:#fff;

}

.auth-input:focus{

outline:none;

border-color:#52a7ff;

box-shadow:0 0 0 2px rgba(82,167,255,.2);

}

/* textes aide */

.auth-help{

font-size:.85rem;

color:rgba(255,255,255,.6);

max-width:480px;

}

/* boutons */

.auth-actions .row{

display:flex;

gap:12px;

flex-wrap:wrap;

}

/* messages */

.auth-msg{

padding:10px;

border-radius:8px;

font-size:.9rem;

}

.auth-msg.ok{

background:rgba(0,150,80,.2);

border:1px solid rgba(0,255,150,.2);

}

.auth-msg.error{

background:rgba(200,40,40,.2);

border:1px solid rgba(255,80,80,.2);

}