.clr-box{
 max-width:360px;
 margin:40px auto;
 padding:25px;
 border-radius:20px;
 background:#fff;
 box-shadow:0 10px 30px rgba(0,0,0,.15);
}
.clr-tabs{
 display:flex;
 justify-content:space-between;
 margin-bottom:20px;
}
.clr-tabs button{
 background:none;
 border:none;
 font-weight:600;
 cursor:pointer;
}
.clr-box input,.clr-box button{
 width:100%;
 padding:12px;
 margin:8px 0;
 border-radius:8px;
 border:1px solid #ddd;
}
.clr-box button{
 background:#2f2f5f;
 color:#fff;
 border:none;
}
.clr-google{
 display:block;
 text-align:center;
 margin-top:10px;
 background:#fff;
 border:1px solid #ddd;
 padding:10px;
 border-radius:8px;
}