body{

margin:0;

min-height:100vh;


background:

radial-gradient(

circle at center,

rgba(212,175,99,.15),

transparent 45%

),

#050505;


color:white;


font-family:"Microsoft YaHei";


display:flex;

align-items:center;

justify-content:center;

}




.register-box{


width:350px;


padding:40px;


background:

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



border:

1px solid rgba(212,175,99,.5);



border-radius:15px;



box-shadow:

0 0 30px rgba(212,175,99,.25);



text-align:center;


}




.register-box h1{


color:#d4af63;


letter-spacing:5px;


}




.register-box input{


width:90%;


padding:12px;


margin:10px 0;



background:#111;


border:

1px solid #555;



color:white;


border-radius:8px;


}



.register-box button{


width:95%;


padding:12px;


margin-top:20px;



background:#d4af63;


border:none;



border-radius:8px;



font-size:16px;



cursor:pointer;


}



.register-box button:hover{


box-shadow:

0 0 20px rgba(212,175,99,.7);


}




.agreement{


font-size:13px;


color:#aaa;


line-height:1.8;


}



.agreement a{


color:#d4af63;


text-decoration:none;


}



.success-box p{


color:#ddd;


}