*{
box-sizing:border-box;
}

body{

margin:0;

background:#f5f5f5;

font-family:sans-serif;

}

.container{

max-width:500px;

margin:auto;

padding:30px;

background:white;

min-height:100vh;

}

h1{

text-align:center;

margin-bottom:40px;

}

.form-group{

margin-bottom:30px;

}

label{

display:block;

font-weight:bold;

margin-bottom:8px;

}

input{

width:100%;

padding:14px;

font-size:16px;

border:1px solid #ccc;

border-radius:10px;

}

input:focus{

outline:none;

border-color:#06C755;

}

.error{

margin-top:6px;

color:red;

font-size:14px;

visibility:visible;

}

button{

width:100%;

padding:16px;

border:none;

border-radius:12px;

font-size:18px;

background:#06C755;

color:white;

transition:.2s;

cursor:pointer;

}

button:disabled{

opacity:.4;

cursor:not-allowed;

}

#loading{

display:none;

margin-top:20px;

text-align:center;

}