*,:after,:before{box-sizing:border-box}body{min-height:100vh;margin:0;padding:0;background:#eaf5ff url(/static/background.jpg) no-repeat 50% fixed;background-size:cover;display:flex;align-items:flex-start;justify-content:center;font-family:Arial,sans-serif}.auth-container{width:98vw;max-width:410px;margin-top:18vh;margin-left:auto;margin-right:auto;padding:20px 10px 18px;background:hsla(0,0%,100%,.82);border-radius:18px;box-shadow:0 6px 30px rgba(0,0,0,.09);display:flex;flex-direction:column}.auth-title{font-size:2.2rem;font-weight:700;text-align:center;margin-bottom:1.1rem;color:#18466b;letter-spacing:.01em}.auth-form{width:100%}.auth-form label{font-size:1.16rem;color:#28577c;margin-bottom:2px;margin-top:10px;display:block;font-weight:500}.auth-input{width:100%;padding:10px 11px;margin-bottom:10px;border-radius:10px;border:1px solid #b2d5f7;font-size:1.11rem;background:#f8fbfe}.remember-row{display:flex;align-items:center;gap:7px;margin:5px 0 0;font-size:1.02rem}.remember-row input[type=checkbox]{width:17px;height:17px;accent-color:#2970a6;margin-right:4px}.auth-btn{width:100%;padding:10px 0;margin-top:10px;border:2px solid #2970a6;border-radius:10px;font-size:1.13rem;font-weight:700;background:transparent;color:#2970a6;transition:background .2s,color .2s}.auth-btn:focus,.auth-btn:hover{background:#eaf5ff;color:#18466b}.auth-links{width:100%;margin-top:10px;display:flex;justify-content:space-between;gap:8px;font-size:1.05rem}.auth-links a{flex:1 1 50%;text-align:center;color:#2970a6;font-size:1.05rem;font-weight:600;text-decoration:underline;padding:4px 0;line-height:1.15;white-space:nowrap}#login-error{margin-top:8px;color:#c81e1e;text-align:center;font-size:1.09rem}#twofa-block{width:100%;max-width:350px;margin-top:1.2em;margin-left:auto;margin-right:auto;padding:1.4em 1.1em 1.2em;background:#fff;border-radius:10px;box-shadow:0 2px 7px #c8d3e370}#twofa-block .auth-label{font-weight:600;margin-bottom:.3em}#twofa-code{width:100%;font-size:1.13em;border-radius:8px;border:1px solid #cfd8dc;padding:.55em .8em;margin-bottom:.3em;background:#f8fcff;transition:border .14s}#twofa-code:focus{border-color:#2196f3;outline:none;background:#fff}#btn-send-2fa{width:100%;margin-top:.5em}@media (max-width:600px){body{align-items:flex-start;justify-content:center}.auth-container{width:calc(100vw - 120px);max-width:410px;margin-top:230px;margin-left:auto;margin-right:auto;padding:14px 12px;background:hsla(0,0%,100%,.82);border-radius:14px;box-shadow:0 3px 14px rgba(0,0,0,.08)}.auth-title{font-size:1.35rem;margin-bottom:.55rem}.auth-form{width:100%}.auth-form label{font-size:.95rem;margin-top:5px;margin-bottom:1px}.auth-input{width:100%;font-size:.92rem;padding:5px 8px;margin-bottom:6px;min-height:30px;border-radius:8px}.remember-row{font-size:.9rem;margin-top:2px;margin-bottom:4px;gap:6px}.remember-row input[type=checkbox]{width:16px;height:16px}.auth-btn{width:100%;font-size:.98rem;padding:6px 0;margin-top:6px;border-radius:8px}.auth-links{margin-top:8px;gap:6px;font-size:.82rem}.auth-links a{font-size:.82rem;white-space:nowrap;line-height:1.1;padding:2px 0}#login-error{font-size:.97rem;margin-top:6px}.auth-form .input-password-wrapper,.auth-form .password-field,.auth-form .password-input-wrapper,.auth-form .password-wrapper{position:relative}.auth-form button:has(img),.auth-form button:has(svg){position:absolute;right:8px;top:42%;transform:translateY(-50%);width:22px;height:22px;min-width:22px;min-height:22px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background:transparent;border:0;line-height:1}.auth-form button img,.auth-form button svg{width:17px;height:17px;display:block;transform:none}.auth-form .input-password-wrapper input[type=text],.auth-form .password-field input[type=text],.auth-form .password-input-wrapper input[type=text],.auth-form .password-wrapper input[type=text],.auth-form input[type=password]{padding-right:34px}#twofa-block{width:calc(100vw - 120px);max-width:350px;margin-top:230px;margin-left:auto;margin-right:auto;padding:14px 12px;border-radius:12px;box-shadow:0 3px 14px rgba(0,0,0,.08)}#twofa-code{width:100%;font-size:.92rem;padding:5px 8px;border-radius:8px;min-height:30px}}