.input-field{border:3px 1px #0000;flex-direction:column;width:100%;display:flex}.input-field .input-error-message{color:#ff6b6b;padding:0 4px;font-family:Montserrat,sans-serif;font-weight:500;line-height:1.2;animation:.3s slideDown}.input-field input{color:#8b6649;background-color:#e8e7e7;border:3px solid #0000;border-radius:8px;width:100%;padding:12px 15px;font-family:Montserrat,sans-serif;font-size:16px;transition:all .3s}.input-field input::placeholder{color:#8b6649}.input-field input:focus{background-color:#fff;border:3px solid #8b6649;outline:none}.input-field input.input-error::placeholder{color:#ff6b6b}.input-with-icon svg{pointer-events:none;color:#8b6649;z-index:1;width:30px;height:30px;transition:color all .3s ease;position:absolute;top:14px;left:15px}.input-with-icon .input-field input{padding:12px 15px 12px 50px}.input-with-icon .input-field input:focus~svg{color:#8b6649}.input-with-icon .input-field input.input-error~svg{color:#ff6b6b}.input-error-message{color:#ff6b6b;opacity:0;min-height:20px;margin-top:4px;font-size:14px;transition:opacity .3s}.input-error-message[style*=visible]{opacity:1}*{box-sizing:border-box;margin:0;padding:0}:root{--background:#e9e9e9;--bg-color:#e9e9e9;--text-color:#171717}html,body{background:var(--background);width:100%;color:var(--foreground);font-family:Montserrat,sans-serif;font-style:Medium;margin:0;padding:0}button{color:#8b6649;cursor:pointer;background-color:#e9e9e9;border:1px solid #e9e9e9;border-radius:63px;width:100%;max-width:250px;height:70px;font-size:25px;transition:all .8s}button:hover{background-color:#b7b8b9;border:1px solid #e9e9e9;transition:all .8s}a{color:#e7e6e6;font-size:20px}.dark{--bg-color:#1a1a1a!important;--text-color:#fff!important}.dark,.dark body,.dark html,.dark div,.dark section,.dark article,.dark aside,.dark header,.dark footer,.dark nav,.dark main,.dark .card,.dark .block,.dark .container,.dark .wrapper,.dark .modal,.dark .popup,.dark button,.dark input,.dark textarea,.dark select,.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,.dark p,.dark span,.dark a,.dark li{background-color:var(--bg-color)!important;color:var(--text-color)!important;border-color:#404040!important}.dark *{transition:background-color .2s,color .2s,border-color .2s}::selection{color:#8b6649;background-color:#e9e9e9}::selection{color:#8b6649;background-color:#e9e9e9}.login-page{box-sizing:border-box;background:#e9e9e9;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.login-title{color:#e7e6e6;font-size:60px;font-style:normal;font-weight:500}.login-form{box-sizing:border-box;text-align:center;background:#8b6649;border-radius:63px;flex-direction:column;align-items:center;gap:40px;width:100%;max-width:775px;padding:20px 87px 56px 97px;display:flex;box-shadow:0 10px 50px 10px #00000040}@media (max-width:480px){.login-form{max-width:100%;padding:24px}}@media (max-width:320px){.login-form{padding:16px}}.RememberMeAndRegister{justify-content:space-between;align-items:center;width:100%;padding:0 10px;display:flex}.RememberMeAndRegister label{color:#e7e6e6;align-items:center;font-family:Montserrat,sans-serif;font-size:25px;display:flex}.RememberMeAndRegister label input[type=checkbox]{accent-color:#e9e9e9;border-radius:8px;width:30px;height:30px;margin-right:8px}.RememberMeAndRegister p{color:#e7e6e6;cursor:pointer;font-size:25px;text-decoration:underline}.input-with-icon{flex-direction:column;gap:0;width:100%;max-width:580px;display:flex;position:relative}.input-with-icon svg{pointer-events:none;color:#8b6649;z-index:1;width:30px;height:30px;position:absolute;top:14px;left:15px;transform:translateY(-25%)}.input-with-icon .input-field{width:100%}.input-with-icon .input-field input{border:2px solid #0000}.input-with-icon .input-field input::placeholder{color:#8b6649}.input-with-icon .input-field input:focus{background-color:#fff;border:2px solid #8b6649;outline:none}.input-with-icon .input-field input.input-error{background-color:#fff;border:2px solid #ff6b6b!important}.input-with-icon .password-toggle{cursor:pointer;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;width:36px;padding:8px;transition:all .3s;display:flex;position:absolute;right:25px;transform:translateY(-10%)}.input-with-icon .password-toggle svg{color:#8b6649;stroke-linecap:round;stroke-linejoin:round;pointer-events:auto;width:20px;height:20px;position:static;top:auto;left:auto}.input-with-icon .password-toggle:hover svg{color:#6b5240}.input-with-icon.password-input .input-field input{padding:12px 45px 12px 50px}input[type=checkbox]{appearance:none;cursor:pointer;border:2px solid #ccc;border-radius:6px;width:18px;height:18px;position:relative}input[type=checkbox]:checked{background-color:#e8e7e7;border-color:#ccc}input[type=checkbox]:checked:after{content:"✓";color:brown;font-size:26px;font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.img{width:40px;height:40px}.login-error{color:#ff6b6b;background:#fdecea;border-left:4px solid #ff6b6b;border-radius:6px;margin-top:12px;padding:10px 12px}@media (max-width:350px){.login-page{padding:0}.login-form{border-radius:0;width:100%;max-width:100vw}.RememberMeAndRegister{flex-direction:column;row-gap:30px}}@media (max-width:480px){.login-page{gap:20px;padding:20px 10px}.login-title{font-size:36px}.login-form{border-radius:30px;gap:25px;padding:30px 20px}.RememberMeAndRegister{flex-direction:column;gap:15px}.RememberMeAndRegister label,.RememberMeAndRegister a{font-size:18px}button{height:55px;font-size:20px}.input-with-icon svg{width:22px;height:22px;right:10px;transform:none}.password-toggle{right:10px;transform:translateY(-7%)}}@media (max-height:920px){.logo{display:none}}