*{

margin:0;

padding:0;

box-sizing:border-box;

font-family:Arial;

}

body{

background:url("https://images.unsplash.com/photo-1547347298-4074fc3086f0?auto=format&fit=crop&w=1200&q=80");

background-size:cover;

background-position:center;

height:100vh;

display:flex;

justify-content:center;

align-items:center;

}

.overlay{

width:100%;

height:100%;

background:rgba(0,0,0,.75);

display:flex;

justify-content:center;

align-items:center;

}

.login-box{

width:90%;

max-width:380px;

background:#151515;

padding:25px;

border-radius:18px;

text-align:center;

box-shadow:0 0 30px #00ff66;

}

h1{

color:#00ff66;

margin-bottom:10px;

}

.version{

color:#999;

margin-bottom:25px;

}

input{

width:100%;

padding:15px;

margin:10px 0;

border:none;

border-radius:10px;

background:#222;

color:white;

font-size:16px;

}

button{

width:100%;

padding:15px;

margin-top:15px;

border:none;

border-radius:10px;

font-size:18px;

font-weight:bold;

cursor:pointer;

}

.login-btn{

background:#00ff66;

color:black;

}

.register-btn{

background:#FFD700;

color:black;

}