*{
box-sizing:border-box;
}


body{

margin:0;

height:100vh;

display:flex;

align-items:center;

justify-content:center;

background:#111;

font-family:
Arial,
"Microsoft YaHei",
sans-serif;

color:#fff;

}


.box{

width:90%;

max-width:380px;

background:#1c1c1c;

padding:30px;

border-radius:12px;

text-align:center;

}


h2{

font-size:22px;

margin-bottom:25px;

}


input{

width:100%;

height:45px;

padding:0 15px;

border-radius:8px;

border:1px solid #444;

background:#000;

color:#fff;

font-size:16px;

margin-bottom:15px;

}


button,
.btn{

display:block;

width:100%;

height:45px;

line-height:45px;

border:0;

border-radius:8px;

background:#3b82f6;

color:#fff;

font-size:16px;

cursor:pointer;

text-decoration:none;

}


.error{

margin-top:20px;

color:#ff6666;

}