*{box-sizing:border-box}body{margin:0;background:#f3f4f4;color:#677788;font-family:primary-font,Tahoma,sans-serif;font-size:15px;min-height:100dvh;display:grid;place-items:center;padding:30px 16px}.login-wrap{width:100%;max-width:430px}.login-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:26px;color:#516377;font-family:secondary-font,primary-font;font-size:30px;font-weight:700}.login-brand>span{background:#5a8dee;color:white;border-radius:8px;width:52px;height:52px;display:grid;place-items:center}.login-brand small{display:block;font:13px primary-font;font-weight:400;margin-top:3px}.login-card{padding:30px;box-shadow:0 2px 14px rgba(38,60,85,.12);border-radius:6px}.login-icon{width:52px;height:52px;background:#5a8dee20;color:#5a8dee;display:grid;place-items:center;border-radius:8px;margin-bottom:20px}.login-icon i{font-size:30px}h1{font-family:secondary-font,primary-font;font-size:23px;color:#516377;margin-bottom:10px}p{line-height:1.9}label{display:block;color:#516377;margin:18px 0 8px;font-size:14px}button,input{font:inherit}input{width:100%;height:52px;border:1px solid #d4d8dd;border-radius:5px;background:white;padding:12px 15px;color:#516377}input:focus{outline:2px solid #5a8dee;outline-offset:1px}.phone-field{position:relative}.phone-field input{padding-right:45px;font-size:19px;letter-spacing:1px}.phone-field i{position:absolute;right:14px;top:15px;font-size:22px;color:#69809a}.btn-primary{min-height:50px;width:100%;margin-top:22px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:primary-font}.btn-primary i{font-size:23px}.text-button{border:0;background:transparent;color:#3263bd;padding:8px;min-height:44px}.text-button:disabled{color:#8e9ba8}.number-row,.timer-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.number-row{margin-top:12px}.number-row span{color:#516377;font-size:18px}.otp{font-size:26px;letter-spacing:10px;text-align:center;padding:10px 4px 10px 14px;height:60px}.otp::placeholder{font-size:18px;letter-spacing:2px;color:#9ba6b1}.timer-row{font-size:13px}.back{display:block;margin:8px auto 0}#error{color:#bb3540;font-size:14px;margin:12px 0 0}.preview-note{margin-top:24px;border-top:1px solid #e5e7eb;padding-top:16px;font-size:12px}.preview-note b{color:#946000}.preview-note p{margin:5px 0}.demo-phones{display:flex;gap:8px}.demo-phones button{flex:1;border:1px solid #d4d8dd;background:white;border-radius:4px;min-height:36px;color:#516377}#demo{color:#3263bd;font-size:15px;font-weight:700}footer{text-align:center;font-size:12px;margin:22px 0;color:#69809a}[hidden]{display:none!important}@media(max-width:480px){body{padding:24px 16px}.login-card{padding:24px}.login-brand{margin-bottom:22px}}

.auth-alternative{text-align:center;margin-top:18px}.auth-alternative>span{display:block;color:#69809a;margin-bottom:10px}.auth-google{width:100%;min-height:48px;border:1px solid #d4d8dd;color:#516377;background:white;display:flex;align-items:center;justify-content:center;gap:8px}.auth-google i{font-size:24px}
.login-brand{flex-direction:column;gap:6px}.login-brand img{display:block;width:160px;height:87px;object-fit:contain}