@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Oswald:wght@300;400&display=swap");*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;min-height:100%;font-family:Roboto,Arial,sans-serif}body{background:#102b49;-webkit-font-smoothing:antialiased}.mobile-screen{position:relative;width:100%;max-width:480px;height:100vh;height:100svh;min-height:500px;margin:0 auto;overflow:hidden;color:#fff;background:linear-gradient(rgba(5,22,42,.48),rgba(5,16,27,.58)),url(/images/mountain.jpg) 50% /cover no-repeat}.demo-label{position:relative;z-index:2;height:22px;background:#173e72}.topbar{position:relative;z-index:5;width:100%;align-items:center;padding:17px 22px}.menu-button,.topbar{display:flex;justify-content:space-between}.menu-button{width:48px;height:33px;padding:0;border:none;background:transparent;flex-direction:column;flex-shrink:0;cursor:pointer}.menu-line{display:flex;align-items:center;width:48px;height:4px;border-radius:20px;background:#fff}.menu-line-top{gap:4px;background:transparent}.menu-line-top i:first-child{width:17px;height:4px;background:#ffdc00;border-radius:20px}.menu-line-top i:last-child{flex:1 1;height:4px;background:#fff;border-radius:20px}.menu-line-bottom{gap:4px;background:transparent}.menu-line-bottom i:first-child{width:29px;height:4px;background:#fff;border-radius:20px}.menu-line-bottom i:last-child{flex:1 1;height:4px;background:#ffdc00;border-radius:20px}.brand{color:#ffdc00;font-family:Oswald,sans-serif;font-size:39px;font-weight:300;letter-spacing:1px;line-height:1;text-transform:uppercase}.login-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-38%);width:calc(100% - 38px);max-width:410px;margin:0}.login-content h1{font-size:25px;font-weight:400;line-height:1.22;margin-bottom:19px}.login-content form{width:100%}.login-input{display:block;width:100%;height:44px;padding:0 11px;margin-bottom:13px;border:none;border-radius:6px;background:#fff;color:#263b53;font-family:inherit;font-size:14px;outline:none}.login-input::placeholder{color:#777;opacity:1}.login-input:focus{outline:2px solid #ffdc00}.password-field{display:flex;align-items:center;width:100%;height:44px;padding:0 5px 0 10px;background:#fff;border:none;border-radius:6px}.password-field:focus-within{outline:2px solid #ffdc00}.password-field input{flex:1 1;min-width:0;height:100%;padding:0;border:none;outline:none;background:transparent;color:#263b53;font-family:inherit;font-size:14px}.password-field input::placeholder{color:#777;opacity:1}.eye-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:31px;height:38px;padding:5px;border:none;background:transparent;color:#888;cursor:pointer}.eye-button svg{width:19px;height:19px}.forgot-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:5px 4px;border:none;background:transparent;color:#173e72;font-family:inherit;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer}.login-actions{display:flex;align-items:flex-start;gap:9px;width:100%;margin-top:22px}.login-button{flex:1 1;min-width:0;height:46px;border:none;border-radius:6px;background:#ffda00;color:#27528b;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 3px 7px #0004;transition:background .2s,transform .2s}.login-button:hover{background:#ffe533}.login-button:active{transform:scale(.98)}.login-button:disabled{opacity:.65;cursor:not-allowed}.biometric-area{width:67px;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.switch{display:flex;align-items:center;width:48px;height:26px;padding:3px;border:none;border-radius:30px;background:#777;cursor:pointer;transition:background .2s}.switch span{display:block;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.switch.active{background:#0787ce}.switch.active span{transform:translateX(22px)}.biometric-area small{color:#ff7777;font-size:9px;line-height:1.35;font-weight:400}.error-message{color:#ffb2b2;font-size:12px;margin-top:10px}.demo-footer{bottom:9px;color:#fff;font-size:9px}.demo-footer,.otp-content{position:absolute;left:0;width:100%;text-align:center}.otp-content{top:50%;transform:translateY(-40%);padding:20px}.otp-icon{font-size:36px;margin-bottom:10px}.otp-content h1{font-size:25px;font-weight:400}.otp-content p{font-size:14px;line-height:1.5}.otp-input{margin-top:17px;text-align:center;letter-spacing:7px}.otp-button{width:100%;flex:none}.demo-code{font-size:12px;color:#ffe000;margin-top:17px}@media (max-width:360px){.topbar{padding:15px 17px}.menu-button{width:43px;height:29px}.menu-line{width:43px;height:3.5px}.menu-line-top i:first-child{width:15px;height:3.5px}.menu-line-top i:last-child{height:3.5px}.menu-line-bottom i:first-child{width:26px;height:3.5px}.menu-line-bottom i:last-child{height:3.5px}.brand{font-size:34px}.login-content{width:calc(100% - 30px)}.login-content h1{font-size:23px;margin-bottom:16px}.login-input,.password-field{height:41px}.login-input{margin-bottom:11px}.password-field input{font-size:13px}.forgot-button{font-size:11px;padding:4px 2px}.eye-button{width:27px}.eye-button svg{width:17px;height:17px}.login-actions{gap:7px;margin-top:19px}.login-button{height:43px;font-size:14px}.biometric-area{width:62px;gap:8px}.switch{width:44px;height:24px}.switch span{width:18px;height:18px}.switch.active span{transform:translateX(20px)}.biometric-area small{font-size:8px}}@media (max-height:650px){.topbar{padding-top:12px;padding-bottom:12px}.login-content{top:49%;transform:translate(-50%,-35%)}.login-content h1{font-size:22px;margin-bottom:12px}.login-input,.password-field{height:39px}.login-input{margin-bottom:10px}.login-actions{margin-top:16px}.login-button{height:41px}.biometric-area{gap:7px}}@media (max-height:550px){.login-content{top:48%;transform:translate(-50%,-30%)}.login-content h1{font-size:20px;margin-bottom:9px}.login-input,.password-field{height:36px}.login-input{margin-bottom:8px}.login-actions{margin-top:13px}.login-button{height:38px;font-size:14px}}@media (min-width:481px){body{display:flex;justify-content:center;min-height:100vh}.mobile-screen{height:100vh;max-height:950px;border-radius:0}}