:root{--white-color: #ffffff;--gray-color: #656565;--light-gray-color: #8b8b8b;--light-black-color: #171717;--blue-color: #0067b8;--light-blue-color: #1884a5}html{box-sizing:border-box;font-family:Roboto,sans-serif;font-size:16px}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}img{max-width:100%;height:auto;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-ms-user-drag:none}body{-webkit-user-select:none;user-select:none}button{border:none;background-color:inherit;cursor:pointer}button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.2}.loading-overlay{position:fixed;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;pointer-events:none}.loading-spinner{width:40px;height:40px;border:4px solid #ddd;border-top:4px solid #4a90e2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{margin-top:20px;text-align:center}.progress-bar{width:100%;height:12px;background:#eee;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:#007bff;transition:width .3s ease}.error-text{color:red;font-weight:700;text-align:center;margin:auto 0;height:100%}.main-container{display:flex;align-items:center;justify-content:center;width:100vw;height:90%;background-image:url(/assets/background-DRsRW-ew.jpg);background-position:center;background-size:cover}.content-container{background-color:var(--white-color);height:100%;width:100%;padding:25px}.content-header{display:flex;align-items:center;margin-bottom:18px}.content-header img{width:24px;height:24px}.content-header h1{margin-left:5px;font-size:1.1rem;font-weight:600;color:var(--gray-color)}.step1-container main{display:flex;flex-direction:column;margin-bottom:100px}.step1-container main h2{font-weight:450;margin-bottom:10px}.step1-container main input{font-size:1rem;width:100%;padding:8px 8px 8px 0;border:none;border-bottom:1px solid var(--light-gray-color);margin-bottom:17px}.step1-container main input::placeholder{font-weight:300;font-size:.95rem;color:var(--light-gray-color)}.step1-container main input:focus{outline:none}.step1-container main span,.step1-container main span button{font-size:.8rem}.step1-container main span{color:var(--light-black-color);margin-bottom:50px}.step1-container main span button{color:var(--light-blue-color)}.step1-button-container{width:100%;display:flex;justify-content:end}.step1-button-container button{padding:4px 12px;font-size:.95rem;width:108px;height:32px;color:var(--white-color);background-color:var(--blue-color)}.step1-container footer{display:flex;align-items:center;justify-content:center;border-top:1px solid var(--gray-color);border-bottom:1px solid var(--gray-color);padding:10px 0}.step1-container footer p{font-size:.95rem;font-weight:300;margin-left:10px}.step2-container span{display:flex;align-items:end;margin-bottom:20px}.step2-container span button{display:flex;margin-right:4px}.step2-container span p{font-size:.78rem}.step2-container main h2{font-weight:450;margin-bottom:20px}.step2-input-container{display:flex;align-items:center;margin-bottom:40px;border-bottom:1px solid var(--light-gray-color)}.step2-input-container input{font-size:1rem;width:85%;padding:8px 8px 8px 0;border:none}.step2-input-container input::placeholder{font-weight:300;font-size:.95rem;color:var(--light-gray-color)}.step2-input-container input:focus{outline:none}.step2-input-container button{width:15%}.step2-button-container{width:100%;display:flex;justify-content:end}.step2-button-container button{padding:4px 12px;font-size:.8rem;width:108px;height:32px;color:var(--white-color);background-color:var(--blue-color)}.step3-header{display:flex;align-items:center;justify-content:space-evenly;border-top:1px solid var(--light-gray-color);margin-bottom:5px;padding-top:10px}.step3-text-left{font-size:.75rem}.step3-text-right{font-size:1.3rem}.step3-cd-container{display:flex;width:100%;justify-content:space-evenly;margin-bottom:20px;border-bottom:1px solid var(--light-gray-color)}.step3-cd-container>*{width:45px;height:auto}.step3-input{display:flex;flex-direction:column}.step3-input label{font-size:.75rem;margin-bottom:2px}.step3-input>input{font-size:.8rem;padding:7px 5px;margin-bottom:20px;width:100%}.step3-input.n1 div input,.step3-input.n2 input{font-size:.8rem;padding:7px 5px;margin-bottom:20px;margin-right:10px;width:20%}.step3-button-container{width:100%;display:flex;justify-content:end}.step3-button-container button{padding:4px 12px;font-size:.8rem;width:78px;height:32px;color:var(--white-color);background-color:var(--blue-color)}.restart-button-container{padding-top:60px;width:100%;display:flex;justify-content:center}.restart-button{padding:2px;font-size:.8rem;width:108px;height:32px;color:var(--white-color);background-color:var(--blue-color);margin:0 auto}@media (min-width: 431px){.main-container{height:100vh}.content-container{width:430px;height:450px;padding:15px;box-shadow:0 0 20px #0000003d}.step1-container{height:80%}.step1-container main h2{font-size:1.2rem}.step1-container main input{font-size:.8rem}.step1-container main input::placeholder{font-size:.8rem}.step1-container main span,.step1-container main span button{font-size:.7rem}.step1-button-container button{font-size:.75rem}.step1-container footer p{font-size:.75rem}.step2-container main h2{font-size:1.2rem}.step2-input-container input{font-size:.8rem}.step2-input-container input::placeholder{font-size:.8rem}.step3-cd-container>*{width:40px;height:auto}.step3-input>input{font-size:.7rem;margin-bottom:12px}.step3-input.n1 div input,.step3-input.n2 input{margin-bottom:12px}.step3-button-container button{font-size:.7rem}}