/* ===========================
   AEBT AI Login/Register
=========================== */

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:tahoma,sans-serif;
}

body{

background:#101010;

display:flex;

justify-content:center;

align-items:center;

height:100vh;

overflow:hidden;

}

.container{

width:420px;

max-width:95%;

background:#181818;

border:1px solid #333;

border-radius:20px;

padding:35px;

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

}

.logo{

text-align:center;

font-size:34px;

font-weight:bold;

color:#ff7a00;

margin-bottom:10px;

}

.subtitle{

text-align:center;

color:#bbb;

margin-bottom:30px;

font-size:15px;

}

.form-group{

margin-bottom:18px;

}

.form-group label{

display:block;

color:#ddd;

margin-bottom:8px;

font-size:14px;

}

.form-group input{

width:100%;

height:52px;

background:#252525;

border:1px solid #333;

border-radius:12px;

padding:0 15px;

color:#fff;

font-size:15px;

outline:none;

transition:.3s;

}

.form-group input:focus{

border-color:#ff7a00;

box-shadow:0 0 10px rgba(255,122,0,.4);

}

.btn{

width:100%;

height:52px;

border:none;

border-radius:12px;

background:#ff7a00;

color:#fff;

font-size:16px;

cursor:pointer;

transition:.3s;

}

.btn:hover{

background:#ff922e;

}

.links{

margin-top:20px;

text-align:center;

color:#bbb;

}

.links a{

color:#ff7a00;

text-decoration:none;

}

.links a:hover{

text-decoration:underline;

}

.error{

background:#5a1b1b;

border:1px solid #ff4444;

padding:12px;

border-radius:10px;

margin-bottom:20px;

color:#fff;

}

.success{

background:#154b2c;

border:1px solid #27c96f;

padding:12px;

border-radius:10px;

margin-bottom:20px;

color:#fff;

}

@media(max-width:768px){

.container{

width:95%;

padding:25px;

}

.logo{

font-size:28px;

}

}