*{box-sizing:border-box}html,body,#root{color:#111827;min-height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}body{background:#f2f4f7}.client-page{justify-content:center;min-height:100dvh;display:flex}.login-sheet{text-align:center;background:#fff;width:min(100%,520px);min-height:100dvh;padding:clamp(74px,12vh,138px) 32px 72px;position:relative;overflow:hidden}.admin-link{color:#7d8795;font-size:14px;text-decoration:none;position:absolute;top:20px;right:22px}.telegram-logo{color:#3390ec;width:146px;height:146px;margin:0 auto 54px}.telegram-logo svg{filter:drop-shadow(0 8px 14px #3390ec1f);width:100%;height:100%;display:block}h1{letter-spacing:-1px;color:#090d14;margin:0;font-size:34px;line-height:1.2}.subtitle,.state p,.success-state p{color:#7e8792;margin:18px auto 0;font-size:22px;line-height:1.45}.fields{gap:22px;margin-top:58px;display:grid}.select-field,.phone-field,.single-field{background:#fff;border:1.5px solid #d6d8dc;border-radius:18px;align-items:center;height:76px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.select-field:focus-within,.phone-field:focus-within,.single-field:focus-within{border-color:#3390ec;box-shadow:0 0 0 3px #3390ec1a}select,input{font:inherit;color:#20252c;background:0 0;border:0;outline:0}.select-field select{appearance:none;width:100%;height:100%;padding:0 62px 0 24px;font-size:20px}.select-field>span{color:#636b75;pointer-events:none;font-size:30px;position:absolute;top:18px;right:25px}.phone-field b{text-align:left;color:#303742;min-width:82px;padding-left:24px;font-size:21px;font-weight:500}.phone-field input,.single-field input{width:100%;height:100%;padding:0 24px;font-size:22px}.phone-field.has-dial input{padding-left:2px}.single-field input::placeholder,.phone-field input::placeholder{color:#a1a6ad}.code-field input{text-align:center;letter-spacing:9px;font-size:31px;font-weight:650}.fields small{color:#929aa5;margin-top:-8px;font-size:14px}.primary-button{color:#fff;cursor:pointer;opacity:0;pointer-events:none;background:#3390ec;border:0;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:58px;margin-top:28px;padding:0 24px;font-size:19px;font-weight:650;text-decoration:none;transition:all .2s;display:flex;transform:translateY(8px)}.primary-button.visible{opacity:1;pointer-events:auto;transform:none}.primary-button.visible:disabled{opacity:.45;cursor:not-allowed}.text-actions{justify-content:space-between;gap:16px;margin-top:22px;display:flex}.text-actions button,.plain-button{color:#3390ec;cursor:pointer;background:0 0;border:0;font-size:16px}.text-actions button:disabled{color:#aeb4bc}.notice,.error-box{text-align:left;border-radius:12px;margin-top:24px;padding:13px 16px;font-size:15px;line-height:1.5}.notice{color:#2777b9;background:#eef7ff}.error-box{color:#d83b35;background:#fff1f0;border:1px solid #ffc7c4}.spinner{vertical-align:-3px;border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;margin-right:9px;animation:.75s linear infinite spin;display:inline-block}.state{margin-top:8px}.state h1{margin-top:22px}.state .primary-button{margin-top:34px}.success-state>span{color:#fff;background:#28b779;border-radius:50%;place-items:center;width:94px;height:94px;margin:0 auto 32px;font-size:48px;display:grid}.success-state .primary-button{margin-top:34px}.plain-button{margin-top:20px}.login-sheet footer{color:#adb3bc;width:100%;font-size:12px;position:absolute;bottom:26px;left:0}.unlock .telegram-logo{width:118px;height:118px;margin-bottom:42px}.unlock .fields{margin-top:42px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=600px){body{background:#fff}.login-sheet{padding:clamp(72px,10vh,118px) 38px 66px}.telegram-logo{width:142px;height:142px;margin-bottom:52px}h1{font-size:31px}.subtitle,.state p,.success-state p{font-size:19px}.fields{margin-top:36px}.select-field,.phone-field,.single-field{border-radius:16px;height:68px}.select-field select{font-size:18px}.phone-field b{font-size:19px}.phone-field input,.single-field input{font-size:20px}}.login-sheet{overflow:visible}.country-select{z-index:2}.country-button{border-radius:inherit;color:#20252c;width:100%;height:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0 24px;font-size:20px;display:flex}.country-flag{object-fit:cover;background-color:#f4f5f7;border:1px solid #00000014;border-radius:2px;flex:none;width:24px;height:18px}.country-placeholder{color:#a1a6ad}.country-chevron{color:#636b75;margin-left:auto;font-size:30px;line-height:1}.country-options{text-align:left;background:#fff;border:1px solid #d6d8dc;border-radius:15px;max-height:min(350px,55dvh);padding:7px 0;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 28px #19273926}.country-option{color:#20252c;width:100%;font:inherit;text-align:left;cursor:pointer;background:#fff;border:0;align-items:center;gap:12px;padding:11px 17px;font-size:17px;display:flex}.country-option:hover,.country-option:focus-visible,.country-option[aria-selected=true]{background:#eef6ff;outline:none}.country-dial{color:#606975;white-space:nowrap;margin-left:auto}@media (width<=600px){.country-button{font-size:18px}.country-options{max-height:min(320px,50dvh)}.country-option{font-size:16px}}@media (width<=370px){.login-sheet{padding-left:22px;padding-right:22px}.telegram-logo{width:116px;height:116px;margin-bottom:36px}.fields{margin-top:38px}h1{font-size:28px}}.client-page .login-sheet{flex-direction:column;display:flex}.login-sheet .telegram-logo{flex-shrink:0}.login-sheet .client-footer{color:#6b7280;overflow-wrap:anywhere;width:100%;margin-top:auto;padding-top:48px;font-size:12px;line-height:1.65;position:static}.client-footer-extra{white-space:pre-line;margin-top:8px}