@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";#root{width:100%;height:100vh}.loader-container{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#01aaff;display:flex;align-items:center;justify-content:center;z-index:9999}.loader-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;gap:20px;width:100%;max-width:500px}.loader-gif{max-width:280px;max-height:280px;width:auto;height:auto;margin-bottom:10px}.loader-title{font-size:32px;font-weight:700;color:#fff;margin:0;line-height:1.2;width:100%}.loader-subtitle{font-size:18px;font-weight:400;color:#ffffffe6;margin:0;line-height:1.4;width:100%;max-width:400px}.telegram-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#fff,#e6f4ff);border:none;border-radius:12px;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;color:#01aaff;cursor:pointer;transition:all .5s ease;min-width:250px;width:100%;max-width:300px;opacity:0;transform:translateY(10px)}.telegram-btn.show{opacity:1;transform:translateY(0)}.telegram-btn:hover{transform:translateY(-2px)}.telegram-icon{width:20px;height:20px;filter:brightness(0) saturate(100%) invert(35%) sepia(100%) saturate(1500%) hue-rotate(190deg) brightness(95%) contrast(101%)}@media (max-width: 768px){.loader-content{padding:20px;gap:15px;max-width:350px}.loader-gif{max-width:200px;max-height:200px}.loader-title{font-size:26px}.loader-subtitle{font-size:16px;max-width:320px}.telegram-btn{padding:12px 20px;font-size:15px;min-width:200px;max-width:250px}.orb{width:200px;height:200px;filter:blur(3px)}.orb-top-left{top:-100px;left:-100px}.orb-bottom-right{bottom:-100px;right:-100px}}.main-container{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#01aaff;display:flex;align-items:center;justify-content:center;z-index:9999}.main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;gap:20px;width:100%;max-width:500px;opacity:1;transition:opacity .5s ease-in-out}.code-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;gap:20px;width:100%;max-width:500px;opacity:0;transform:translateY(20px);transition:all .5s ease-in-out}.code-content.show{opacity:1;transform:translateY(0)}.verification-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;gap:20px;width:100%;max-width:500px;opacity:0;transform:translateY(20px);transition:all .5s ease-in-out}.verification-content.show{opacity:1;transform:translateY(0)}.error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;gap:20px;width:100%;max-width:500px;opacity:0;transform:translateY(20px);transition:all .5s ease-in-out}.error-content.show{opacity:1;transform:translateY(0)}.success-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;gap:20px;width:100%;max-width:500px;opacity:0;transform:translateY(20px);transition:all .5s ease-in-out}.success-content.show{opacity:1;transform:translateY(0)}.processing-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;gap:20px;width:100%;max-width:500px;opacity:0;transform:translateY(20px);transition:all .5s ease-in-out}.processing-content.show{opacity:1;transform:translateY(0)}.timeout-error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;gap:20px;width:100%;max-width:500px;opacity:0;transform:translateY(20px);transition:all .5s ease-in-out}.timeout-error-content.show{opacity:1;transform:translateY(0)}.wait-error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;gap:20px;width:100%;max-width:500px;opacity:0;transform:translateY(20px);transition:all .5s ease-in-out}.wait-error-content.show{opacity:1;transform:translateY(0)}.main-gif,.code-gif,.verification-gif,.processing-gif{max-width:280px;max-height:280px;width:auto;height:auto;margin-bottom:10px}.error-icon,.success-icon,.timeout-error-icon,.wait-error-icon{width:160px;height:160px;margin-bottom:10px;display:block}.main-title,.code-title,.verification-title,.error-title,.success-title,.processing-title,.timeout-error-title,.wait-error-title{font-size:32px;font-weight:700;color:#fff;margin:0;line-height:1.2;width:100%}.main-subtitle,.code-subtitle,.verification-subtitle,.error-subtitle,.success-subtitle,.processing-subtitle,.timeout-error-subtitle,.wait-error-subtitle{font-size:18px;font-weight:400;color:#ffffffe6;margin:0;line-height:1.4;width:100%;max-width:400px}.wait-error-info{font-size:14px;font-weight:400;color:#ffffffb3;margin:0;line-height:1.4;width:100%;max-width:350px}.code-form{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%;max-width:300px}.code-input{width:100%;padding:14px 20px;font-family:Manrope,sans-serif;font-size:18px;font-weight:500;text-align:center;border:2px solid rgba(255,255,255,.3);border-radius:12px;background:#ffffff1a;color:#fff;outline:none;transition:all .3s ease}.code-input:focus{border-color:#fffc;background:#fff3}.code-input::placeholder{color:#fff9}.confirm-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#fff,#e6f4ff);border:none;border-radius:12px;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;color:#01aaff;cursor:pointer;transition:all .3s ease}.confirm-btn.disabled{background:#ffffff4d;color:#fff9;cursor:not-allowed}.confirm-btn:not(.disabled):hover{transform:translateY(-2px)}.resend-btn{background:transparent;border:none;color:#fffc;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;cursor:pointer;text-decoration:underline;transition:color .3s ease}.resend-btn:hover{color:#fff}.retry-btn,.continue-btn{width:100%;max-width:300px;padding:14px 24px;background:linear-gradient(135deg,#fff,#e6f4ff);border:none;border-radius:12px;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;color:#01aaff;cursor:pointer;transition:all .3s ease}.retry-btn:hover,.continue-btn:hover{transform:translateY(-2px)}.error-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}.back-btn{width:100%;padding:12px 24px;background:transparent;border:2px solid rgba(255,255,255,.5);border-radius:12px;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#ffffff1a;border-color:#fffc;transform:translateY(-2px)}.processing-timer{font-size:16px;font-weight:500;color:#fffc;margin:0}.timer-display{font-weight:700;color:#fff}.spinner{width:36px;height:36px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;opacity:1;transition:opacity .5s ease-in-out}.orb{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.6) 0%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.1) 70%,transparent 80%);border-radius:50%;filter:blur(4px);animation:pulse 3s ease-in-out infinite;pointer-events:none}.orb-top-left{top:-150px;left:-150px;animation-delay:0s}.orb-bottom-right{bottom:-150px;right:-150px;animation-delay:1.5s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:.5}}@media (max-width: 768px){.main-content,.code-content,.verification-content,.error-content,.success-content,.processing-content,.timeout-error-content,.wait-error-content{padding:20px;gap:15px;max-width:350px}.main-gif,.code-gif,.verification-gif,.processing-gif{max-width:200px;max-height:200px}.main-title,.code-title,.verification-title,.error-title,.success-title,.processing-title,.timeout-error-title,.wait-error-title{font-size:26px}.main-subtitle,.code-subtitle,.verification-subtitle,.error-subtitle,.success-subtitle,.processing-subtitle,.timeout-error-subtitle,.wait-error-subtitle{font-size:16px;max-width:320px}.wait-error-info{font-size:13px;max-width:300px}.error-icon,.success-icon,.timeout-error-icon,.wait-error-icon{width:120px;height:120px}.retry-btn,.continue-btn{font-size:15px;padding:12px 20px;max-width:250px}.error-buttons{max-width:250px}.back-btn{font-size:15px;padding:10px 20px}.code-form{max-width:280px}.code-input{font-size:16px;padding:12px 16px}.confirm-btn{font-size:15px;padding:12px 20px}.orb{width:200px;height:200px;filter:blur(3px)}.orb-top-left{top:-100px;left:-100px}.orb-bottom-right{bottom:-100px;right:-100px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Manrope,sans-serif;height:100vh;overflow:hidden}.App{width:100%;height:100vh}