@import url(https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700&display=swap);*{box-sizing:border-box}#root,body,html{margin:0;min-height:100%;min-width:320px;padding:0;width:100%}body{background:#252a35;font-family:Vazirmatn,Tahoma,sans-serif;min-height:100vh;overflow-x:hidden}button,input{font-family:inherit}.App,.page{background:#252a35;justify-content:center;width:100%}.App,.card,.page{display:flex;margin:0;min-height:100dvh;padding:0}.card{box-shadow:0 0 30px #0003;flex-direction:column;overflow:hidden;width:min(100%,450px)}.card,.header{background:#fff}.header{align-items:center;direction:rtl;display:flex;flex:0 0 82px;gap:14px;height:64px;justify-content:flex-start;padding:0 14px;width:100%}.header h1{color:#202020;font-size:16px;font-weight:700;line-height:1.4;margin:0}.back{align-items:center;background:#0000;border:0;border-radius:8px;color:#4d4d4d;cursor:pointer;display:inline-flex;flex:0 0 42px;height:42px;justify-content:center;margin:0;padding:0;width:22px}.back:hover{background:#f5f5f5}.back:active{background:#eee}.back svg{display:block;height:24px;width:24px}.steps{align-items:center;display:flex;flex:0 0 74px;height:74px;justify-content:space-between;margin:0 auto;position:relative;width:calc(100% - 52px)}.steps:before{background:#eee;content:"";height:1px;left:8px;position:absolute;right:8px;top:36px}.dot{background:#eee;border:2px solid #fafafa;border-radius:50%;display:block;height:11px;position:relative;width:11px;z-index:1}.dot.active{background:#fff;border:2px solid #8a8a8a;box-shadow:inset 0 0 0 6px #f2f2f2;height:25px;width:25px}.form{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:460px;min-height:0;padding:20px 0 18px;width:calc(100% - 42px)}.intro{color:#292929;font-size:14px;line-height:2;margin:0 0 20px}.input-group{margin-bottom:18px}.input-group label{color:#262626;display:block;font-size:14px;font-weight:700;margin-bottom:9px}.input-group input{background:#fff;border:1px solid #e1e1e1;border-radius:10px;color:#333;direction:rtl;font-size:16px;height:56px;outline:none;padding:0 18px;text-align:right;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input-group input::placeholder{color:#a4a4a4}.input-group input:focus{border-color:#d20d24;box-shadow:0 0 0 3px #d20d241a}.input-group small{color:#858585;display:block;font-size:12px;margin-top:7px}.error-message{color:#d20d24;font-size:13px;margin:-8px 0 10px}.submit-button{background:#d20d24;border:0;border-radius:13px;box-shadow:0 5px 13px #d20d242e;color:#fff;cursor:pointer;font-size:17px;font-weight:700;margin-top:auto;min-height:56px;padding:0 18px;transition:background .2s ease,transform .15s ease;width:100%}.submit-button:hover{background:#bb0a1e}.submit-button:active{transform:translateY(1px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.qr-content{flex:1 1;flex-direction:column;margin:0 auto;max-width:460px;min-height:0;overflow-y:auto;padding:clamp(10px,2vh,24px) 0 16px;text-align:center;width:calc(100% - 42px)}.check-icon,.qr-content{align-items:center;display:flex}.check-icon{background:#d20d24;border-radius:50%;color:#fff;flex:0 0 auto;font-size:clamp(23px,3vh,30px);font-weight:700;height:clamp(42px,6vh,56px);justify-content:center;margin:0 auto clamp(10px,1.5vh,18px);width:clamp(42px,6vh,56px)}.qr-content h2{color:#202020;font-size:clamp(18px,2.2vw,22px);font-weight:700;margin:0 0 clamp(7px,1vh,10px)}.description{color:#666;font-size:14px;line-height:2;margin:0;max-width:100%}.qr-box{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:15px;display:flex;flex:0 0 auto;height:clamp(150px,min(40vw,28vh),230px);justify-content:center;margin:clamp(12px,2vh,22px) 0 clamp(10px,1.5vh,16px);padding:12px;width:clamp(150px,min(40vw,28vh),230px)}.qr-box svg{display:block;height:100%!important;width:100%!important}.timer-text{color:#666;font-size:14px;margin:0 0 10px}.progress{background:#eee;border-radius:7px;flex:0 0 auto;height:7px;overflow:hidden;width:100%}.progress-bar{background:#d20d24;border-radius:inherit;height:100%;transition:width 1s linear}@media (max-width:560px){.App,.page,body{background:#fff}.card{box-shadow:none;width:100%}.header{flex-basis:68px;gap:10px;height:68px;padding:0 21px}.header h1{font-size:18px}.back{flex-basis:38px;height:38px;width:38px}.back svg{height:30px;width:30px}.steps{flex-basis:62px;height:62px;width:calc(100% - 42px)}.steps:before{top:30px}.form{padding-top:15px;width:calc(100% - 42px)}.input-group input{height:53px}.submit-button{font-size:16px;min-height:53px}.qr-content{width:calc(100% - 42px)}}@media (max-height:720px){.header{flex-basis:64px;height:64px}.steps{flex-basis:56px;height:56px}.steps:before{top:27px}.form{padding-bottom:12px;padding-top:12px}.intro{margin-bottom:14px}.input-group{margin-bottom:13px}.qr-content{padding-bottom:10px;padding-top:8px}.qr-box{margin-bottom:8px;margin-top:10px}}