body{margin:0;font-family:Arial,sans-serif;background:#f2f2f2}
.header{background:#fff;height:64px;display:flex;align-items:center;padding-left:10px}
.logo{height:40px}
.card{background:#fff;max-width:430px;margin:15px auto;padding:16px;box-sizing:border-box}
.orange{color:#FF6200}.btn{background:#FF6200;color:#fff;border:none;width:100%;height:44px}
.loader{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}
.spin{width:50px;height:50px;border:6px solid #eee;border-top:6px solid #FF6200;border-radius:50%;animation:rot 1s linear infinite}
@keyframes rot{to{transform:rotate(360deg)}}
input.box{width:136px;height:41px}
.code{width:38px;height:38px;text-align:center;margin:2px}
.center{text-align:center}
.link{color:blue;text-decoration:underline}

.logo{height:28px !important}
.btn{border-radius:8px}
.box{border-radius:6px}
.code{border-radius:6px}
.orange{font-weight:700}