.masked-input-container{position:relative;width:100%;max-width:400px;margin:20px 0}.masked-input{width:100%;padding:10px;font-size:16px;border:2px solid #ccc;border-radius:8px;background-color:#f9f9f9;outline:none;transition:border-color .3s ease,box-shadow .3s ease,opacity .3s ease}.masked-input:disabled{opacity:.7;cursor:not-allowed;background-color:#f0f0f0}.input-error{border-color:#e74c3c;background-color:#fbe5e5}.masked-input:focus{border-color:#3498db;box-shadow:0 0 5px rgba(52,152,219,.5)}.error-message{color:#e74c3c;font-size:12px;position:absolute;bottom:-18px;left:0;padding-left:10px}.masked-input::placeholder{color:#aaa}