.login-container{background-color:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background-color:#fff;border-radius:.5rem;width:100%;max-width:28rem;padding:2rem;box-shadow:0 4px 6px #0000001a}.login-title{text-align:center;color:#1f2937;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.login-form{flex-direction:column;gap:1.5rem;display:flex}.input-group{flex-direction:column;display:flex;position:relative}.input-label{color:#4a5568;margin-bottom:.25rem;font-size:.875rem;font-weight:500}.input-field{box-sizing:border-box;border:1px solid #d1d5db;border-radius:.375rem;outline:none;width:100%;max-width:100%;padding:.5rem 2.5rem .5rem 1rem}.input-field:focus{border-color:#0000;outline:none;box-shadow:0 0 0 2px #3b82f6}.login-button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:.375rem;width:100%;padding:.5rem;transition:background-color .3s}.login-button:hover{background-color:#2563eb}.toggle-button{color:#3b82f6;text-align:center;cursor:pointer;background:0 0;border:none;width:100%;margin-top:1.5rem;padding:.5rem;font-size:.875rem;transition:color .3s}.toggle-button:hover{color:#2563eb}.confirm-container{background-color:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;display:flex}.confirm-card{background-color:#fff;border-radius:.5rem;width:100%;max-width:28rem;padding:2rem;box-shadow:0 4px 6px #0000001a}.confirm-title{text-align:center;color:#1f2937;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.confirm-input-group{flex-direction:column;margin-bottom:1.5rem;display:flex}.confirm-label{color:#4a5568;margin-bottom:.25rem;font-size:.875rem;font-weight:500}.confirm-input{border:1px solid #d1d5db;border-radius:.375rem;outline:none;max-width:100%;padding:.5rem 1rem}.confirm-input:focus{border-color:#0000;outline:none;box-shadow:0 0 0 2px #3b82f6}.confirm-button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:.375rem;width:100%;padding:.5rem;transition:background-color .3s}.confirm-button:hover:not(:disabled){background-color:#2563eb}.confirm-button:disabled{cursor:not-allowed;background-color:#9ca3af}.confirm-message{color:#4a5568;text-align:center;margin-top:1.5rem;font-size:.875rem}.error-message{color:#f44336;border-radius:5px;margin-bottom:10px;padding:10px;font-size:14px}.resend-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:.375rem;width:100%;margin-top:1.5rem;padding:.5rem;font-size:.875rem;font-weight:500;transition:background-color .3s}.resend-btn:hover:not(:disabled){background-color:#2563eb}.resend-btn:disabled{cursor:not-allowed;background-color:#9ca3af}.password-requirements{margin-bottom:0;padding-bottom:0;font-size:16px;font-weight:700;line-height:1;overflow:visible}.password-requirements-list{margin:0;padding:0;list-style:none}.password-requirements-list-item{margin-top:0;margin-bottom:5px;padding-left:20px;position:relative}.password-requirements-list-item:before{content:"•";color:#00698f;font-size:18px;position:absolute;left:0}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/webfonts/fa-regular-400.ttf)format("truetype")}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/webfonts/fa-solid-900.ttf)format("truetype")}.show-password-icon{cursor:pointer;z-index:10;position:absolute;top:70%;right:1rem;transform:translateY(-45%)}.show-password-icon i{color:#666;font-size:.85rem;transition:color .3s}.show-password-icon i:hover{color:#333}.fas{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900}.far{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400}.fa-eye{content:""}.fa-eye-slash{content:""}